This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 2 years, 4 months ago.

Bootstrap select displays over fixed header if page is scrolled while open

  • maarbole

    Posts: 8
    Member Reply #7477
    • Add a bootstrap select to a page.
    • Use a fixed header (specifically fix either header from layout 3).
    • Open the select.
    • Without closing it, scroll the page down.
    • The options will scroll over top of the header bar.

    This isn’t a game breaking “bug” but it does look unprofessional. The issue is that since a multiple select box doesn’t auto-close, if the user doesn’t specifically close the select before scrolling down the page, they will see this odd transition.

    You can view the bug on the Metronic preview site.

    You can also see that this works correctly within the bootstrap select page.

    Edit: Another issue with these bootstrap selects is if you choose data-actions-box="true" The “Deselect All” text is cut off. This may only be an issue with the material design version. I changed the buttons within the bootstrap select js file to make them btn-sm, and this helps, but it is still apparent that the text is not well centered. Any tips on how I might fix this would be appreciated.


    • This topic was modified 2 years, 4 months ago by  maarbole.

    Posts: 4527
    Support Staff Reply #7488

    Hi :),

    Thanks for your feedback on those issues. We will fix both of the issues in the next v4.7 update that we are planning to release very soon. Stay tuned!


You must be logged in to reply to this topic.