Page 1 of 2

SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 04 Jun 2018, 17:16
by Rapster
When vertical scrollbar shows up, width gets smaller and horizontal scrollbar shows too:

Image

Code: Select all

<p:selectOneMenu value="#{selectOneMenuView.console}" style="margin-bottom:10px;">
        <f:selectItem itemLabel="PS4" itemValue="PS4" />
        <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
        <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
        <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
        <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
        <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
        <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
        <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
        <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
</p:selectOneMenu>
Do not include this code as child of Grid CSS elements (you won't see the problem)

Re: SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 11 Jun 2018, 09:48
by aragorn
Hi @Rapster, did you try other browsers?
horizontal scrollbar shows too:
- SelectOneMenu panel or page???

Re: SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 11 Jun 2018, 18:12
by Babas007
It's only happening on IE 11 (I didn't try with other version of IE), but it's working with Chrome and Firefox.
SelectOneMenu panel or page???
Don't understand your question

Re: SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 13 Jun 2018, 08:07
by aragorn
Where does the horizontal scroll appear? the panel of selectOneMenu or page

I couldn't replicate it. Also, could you please try it after removing other demo codes in your page?

Re: SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 13 Jun 2018, 15:28
by Babas007
It is reproducible on barcelona showcase (the gif I attached is actually from the showcase itself). The scrollbar appears on SelectOneMenu (as you can see on the gif).
Just put the sample right after <ui:define name="content"> tag

Re: SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 26 Jun 2018, 12:01
by Babas007
Any thoughts?

Re: SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 26 Jun 2018, 14:44
by aragorn
Could you please try it without Barcelona?

Re: SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 26 Jun 2018, 20:09
by Rapster
It's working fine without Barcelona, just have a look in the PF showcase

Re: SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 28 Jun 2018, 10:44
by aragorn
Could you please try the following css?

Code: Select all

body .ui-selectonemenu {
        box-sizing: content-box;
}

Re: SelectOneMenu: Wrong display when scrollbar shows up on IE 11

Posted: 02 Jul 2018, 10:07
by Babas007
Yes, it's working now thanks