Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

AutoComplete (dropdown="true") has different styling compared to SelectOneMenu

See original GitHub issue

You can see the difference in the showcase:

It would be nice if there could be consistent styling of the components, and that the AutoComplete with dropdown looks the same as the SelectOneMenu.

Issue Analytics

State:
Created 3 years ago
Comments:8 (8 by maintainers)

Top GitHub Comments

1reaction

sqorescommented, Jun 3, 2021

Same for all other prime ui libraries as @mertsincan said. SelectOneMenu is look like an html select element. When clicked, a panel item will definitely open instead of typing. And the other one is a button that opens a panel. You don’t have to make a choice and you can choose by typing. Because their intended use is not the same. So we don’t want them to look the same either. If we want to make such a design change, we change it in all libraries. We do not have such a plan at the moment.

1reaction

jepsarcommented, Jul 13, 2020

CSS will get you to some point… but you will be left with the dropdown not opening when you click the input, and the CSS changes must be applied on all the themes. It’s probably better to change the rendered HTML to get it as close as possible to the SelectOneMenu and add a click listener (maybe as an optional attribute).

Top Results From Across the Web

How to use LazyDataModel List in a selectOneMenu

For your use case p:autoComplete seemes to be the best way to go. dropdown="true" makes it look like a selectOneMenu, and you can...

AutoComplete - PrimeFaces Showcase

AutoComplete displays suggestions while the input is being type. AutoComplete features various options, customizable content, multiple selection, effects and ...

USER GUIDE 6.2

PrimeFaces is an open source JSF component suite with various extensions. • Rich set of components (HtmlEditor, Dialog, AutoComplete, Charts and many more)....

Primefaces user guide_5_0 - SlideShare

PrimeFaces User's Guide Name Default Type Description style null String Inline style of the container element. PrimeFaces User's Guide <p:accordionPanel dynamic ...

USER GUIDE 5.2 - Courses on Java | Manualzz

PrimeFaces is an open source JSF component suite with various extensions. ... AccordionPanel resides in a main container element which style and styleClass ......