I'm using PrimeFaces 5.2 and I have a p:selectOneMenu
inside a p:panel
. If the selectOneMenu
is outside of the panel the issue does not persist, but when inside the panel it looks like this:
You can see the distortion on the right side of the selectOneMenu
.
I tried some CSS editing but it doesn't seem to help:
.ui-selectonemenu-panel{
width: 150px;
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{
overflow-x: hidden;
}
Setting width to 150px in .ui-selectonemenu-panel
only helped restore the dropdown menu's size, not the distorted part itself.
Changing selectOneMenu
width from the xhtml file doesn't fix the issue. The theme I used is a PrimeFaces theme called "bootstrap" but resizing the theme doesn't work as well. I didn't try different themes because I'd like to keep using this theme.
This is the way the selectOneMenu
should look:
I couldn't find anything on the web similar to this issue. Any help is appreciated.
ui-selectonemenu-label
ui-selectonemenu
– Geinmachi