Better default for preventOverflow

[FezVrasta]

Bootstrap issue: twbs/bootstrap#25428

Basically, we want to have a better way to detect the "scrollParent" so that we don't include elements with overflow !== initial that will not actually cut out position: absolute elements.

[FezVrasta]

For anyone that wants to try to implement this, basically there are cases when an element with overflow value different from initial (e.g. hidden or scroll) will not prevent its position: absolute children elements from overflowing it.

We should first find out when this happens, and then change the scrollParent detection algorithm to take in consideration these new finds so that we pick a better parent element.

[florianlacreuse]

Hi @FezVrasta. I just want to know if there is a chance this will be fixed any time soon? Thanks, keep up the good work!

[FezVrasta]

No I haven't time to allocate at the moment, but I explained the needed steps here. A PR would be great.

[florianlacreuse]

Thanks for the feedback. Unfortunately I don't have the necessary skills in js to push a good PR. We'll use boundary window in the meantime.

[realnot]

@florianlacreuse the issue is closed, but this is still unresolved with latest bootstrap 5 and popper.js. How did you solved?

[florianlacreuse]

I haven't solved it with BS4 and Popper.js v1 IIRC. This issue is marked as fixed in v2 but I haven't yet had the chance to test the v2.

[realnot]

I haven't solved it with BS4 and Popper.js v1 IIRC. This issue is marked as fixed in v2 but I haven't yet had the chance to test the v2.

I just created a fiddle to reproduce the bug. As you can see, filter columns are not visible when you click the dropdown arrow.

https://jsfiddle.net/0ex91L46/

Can we re open this issue or create another one @FezVrasta ?