Autocomplete Item Tip width too narrow

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
User avatar
undermensch
Posts: 140
Joined: 08 Jul 2010, 14:37
Location: Florida, United States

15 Oct 2020, 15:11

The width of the autocomplete item tip div is a little too narrow, cutting off the last letter of the longest item.
PrimeFaces-11.0.6 / Wildfly 24

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

19 Oct 2020, 10:18

Hi,

The width of itemTip Panel is calculated by AutoComplete Widget. You can override it using CSS !important. Please try;

Code: Select all

body .ui-autocomplete-itemtip.ui-state-highlight {
    width: 400px !important; /* Or min-width according to your needs */
}


Best Regards,

User avatar
undermensch
Posts: 140
Joined: 08 Jul 2010, 14:37
Location: Florida, United States

21 Oct 2020, 16:07

OK, thanks. The calculated width is just a few pixels too short. I used:

Code: Select all

body .ui-autocomplete-itemtip.ui-state-highlight {
    width: auto !important;
}
This seems to work well. Thanks.
PrimeFaces-11.0.6 / Wildfly 24

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

21 Oct 2020, 16:49

Glad to hear, thanks a lot for the update!

Best Regards,

Post Reply

Return to “Rain - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests