Dropdown `data-bs-boundary` not working
Created by: MacrayBlackhand
Prerequisites
-
I have searched for duplicate or closed issues -
I have validated any HTML to avoid common problems -
I have read the contributing guidelines
Describe the issue
Prior to the v5 upgrade, I was using data-boundary="window" on a Dropdown with variable length menu items. This, assuming that data-bs-boundary is the new attribute, is no longer working.
The Dropdown is right justified on the page and due to this, dropdown items that are longer that the selected item are truncated by the edge of the window.
I have also played with the data-bs-popper attribute mentioned in the migration docs to no avail.
Reduced test cases
https://jsfiddle.net/q78n9p4v/
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome, Microsoft Edge
What version of Bootstrap are you using?
v5.1.3