selectOneMenu visual problem since 1.4.2

[fdzaebel]

Hello together,

since version 1.4.2 of BootsFaces the b:selectOneMenu component is not good readable on Safari browsers. Please see an attached example picture.

With version 1.4.1 everything was fine.

It would be great if anybody could give me a quick workaround for this.

Thanks a lot!

[geopossachs]

Hello, @fdzaebel thank you for your feedback.

I believe the bug was coming with the fix for #1090
You can take a look at the CSS of 'select' and change it.
If you find a solution we are interested in it too

[fdzaebel]

You can take a look at the CSS of 'select' and change it.
If you find a solution we are interested in it too

Do you mean this select?

select {
        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        background: url(dropdown.ico) right / 20px no-repeat #fff;

        padding-right: 20px;
}

[geopossachs]

yes, i mean this section

[fdzaebel]

I Am very sorry but I am not a CSS specialist.

But I tried around with BootsFaces "select2=true" option and can say that using this option everything looks ok in IE, Firefox and Safari.

Does this help?

[sebsoftware]

Upgrading to Bootswatch does not fix this issue.
After setting -webkit-appearance to none the line height is set to 30px by the core.css for a "sm" sized select i.E.. With -webkit-appearance set to the default "menu list-button" it works fine. Another way would be modifying the line-height to individual values in bsf.css.

[stephanrauh]

It seems updating to Bootstrap 3.4.1 fixes the problem. Can you please verify if it works on the source I've just pushed to GitHub?