Search code examples
bootstrap-selectbootstrap-selectpicker

bootstrap-select stretched on safari but looks normal on chrome

I'm using bootstrap-select it looks normal on chrome but on safari its stretched . heres an image attached:

enter image description here

not sure what could be causing it. I use bootstrap across my work and its only the boostrap-select / bootstrap-selectpicker thats doing this

Solution

  • Resolved:

    After inspecting the page I realised that it was being affected by the height being set at 100%.

    I updated

    .bootstrap-select .dropdown-toggle .filter-option {
    height:100%;
}

    to

    .bootstrap-select .dropdown-toggle .filter-option {
    height:auto!important;
}

    this did not affect the dropdown on chrome at all but resolved the issue on safari