Approved
Last Updated: 31 Oct 2019 15:33 by David
David
Created on: 11 Jul 2019 14:35
Category: AutoCompleteBox
Type: Bug Report
0
AutoCompleteBox Cuts Off Last Letter of Default Message Only in FireFox on Load

I have an AutoCompleteBox that cuts off the last letter of the default message.

This only happens on load and in Mozilla FireFox.

After the user focuses the AutoCompleteBox and loses focuses the full default message is available.

It seems that this is related to the inability of FireFox to handle the size property of the input elements. On initial load, the input is sized by setting the size property of the input. 

A possible workaround would be calling the internal _updateInputSize method in the OnClientLoad event of the AutoCompleteBox: 

function OnClientLoad(sender, args) {
    if (Telerik.Web.Browser.ff) {
        sender._updateInputSize();
    }
}

3 comments
David
Posted on: 31 Oct 2019 15:33
I updated my ticket but forgot about this. Here is what I did W/O JS and it works. Looks like we did the same thing basically.

.racTokenList{
                width:250px !important;
            }
            #RadAutoCompleteBox1_Input{
                  width:250px !important;
            }

ADMIN
Peter Milchev
Posted on: 31 Oct 2019 14:33

Hello David,

The same issue seems to replicate sometimes in Chrome browser also. As the empty message is visible when there are no selected tokens, you can use the following style to ensure the minimum width of the AutoCompleteBox: 

.RadAutoCompleteBox .racInput.racEmptyMessage {
      min-width:90%;
}

In such a case, the JavaScript provided in the initial post should not be necessary.

Regards,
Peter Milchev
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
David
Posted on: 24 Oct 2019 18:56
I thought this was working but it is not. If you do a postback it does.