Chrome and Radupload showing browse window

[Regula]

Hi,

I have a strange behavior in all my raduploads controls in Chrome. Whereas I click in the area inside the red border, which  I draw for illustrative propose (see the jpg attached bellow), I get the file browse window, it's like I have clicked in the browse button. I noticed that happens in all my raduploads controls and is always below the control.

Telerik version: 2013.2.717.45

[Nencho]

Hello Vasco,

Would you provide us with the implementation and the markup of the page, that you are using to reproduce the faced issue. Thus we would be able to replicate it locally and inspect the problem.

Regards,
Nencho
Telerik

[Regula]

Hi Necho, thanks for the reply.

<table cellspacing="0" cellpadding="2" border="0" width="100%">
    <tr>
        <td>Attachment        </td>
        <td>
            <telerik:RadUpload ID="RadUpload1" runat="server" AllowedFileExtensions=".pdf"
                InputSize="50" Localization-Add="Add" Localization-Clear="Clear" Localization-Delete="Delete"
                Localization-Remove="Remove" Localization-Select="Search" MaxFileInputsCount="1" Width="60%" Style="float: left;" />
        </td>
    </tr>
</table>
<table cellspacing="0" cellpadding="2" border="0" width="100%">
    <tr>
        <td align="right">

            <asp:LinkButton ID="lkbReturn" runat="server" CssClass="btn btn-mini" OnClick="lkbReturn_Click"
                CausesValidation="False" Style="margin: auto 5px">back</asp:LinkButton>

            <asp:LinkButton ID="lkbRemove" runat="server" CssClass="btn btn-mini" OnClick="lkbRemove_Click"
                                CausesValidation="False" Style="margin: auto 5px">delete</asp:LinkButton>

            <asp:LinkButton ID="lkbSave" runat="server" CssClass="btn btn-mini" OnClick="lkbSave_Click" Style="margin: auto 5px" OnClientClick="ValidatePage();">Save</asp:LinkButton>
        </td>
    </tr>
    <tr>
        <td align="right">
        </td>
    </tr>
</table>

[Regula]

I managed to resolve this problem.

In the CSS  generated for the input type='file' was applingthe style font: 100px monospace;:

.RadUpload input.ruFileInput {
font: 100px monospace;
margin: 0;
padding: 0;
right: 0;
top: 0;
}

I overrode by:

<style type="text/css">
         .RadUpload input.ruFileInput {
             font : 10px monospace !important;
         }

</style>

 
And problem solved.

Best regards

[Nencho]

Hello Vasco,

Thank you for sharing your solution with the community.

Regards,
Nencho
Telerik