Primefaces selectOneMenu无法正确显示

Question

I'm using Chrome and I'm getting a weird display for the primefaces p:selectOneMenu:

And sometimes it is shown correctly like this:

I couldn't find any css rule to override, any one faced this before?

Answer 1

Add this to your css file:

.ui-selectonemenu-label{
    width:100% !important;
}

.ui-selectonemenu{
    width:100% !important;
}