DataTables with SearchBuilder and SearchPanes - Layout overflow on the right (BS4)

slolo

Link to test case: https://live.datatables.net/cupahepe/1/edit
Debugger code (debug.datatables.net): NA
Error messages shown: NA
Description of problem: NA

Hello,

I'm experiencing a slight layout issue with the SearchPanes and SearchBuilder components when they are placed on the right side of the layout.

As you can see in the test case, the subwindow that opens for the component is offset too far to the right and goes off the screen.

I hope you can fix this so that the component is aligned to the right of the button, or at least to the right of the screen.

Thanking you in advance, I wish you a pleasant day.

kthorngren

I'm not able to recreate that issue using Chrome 135.0.7049.116 on a Mac. I toggled the JS Bin tabs, like HTML and CSS, to change the window size of the Output tab.

What browser are you using?

Have you tried other browser's?

What steps are you using to show the issue?

Kevin

slolo

Hi @kthorngren,

I am using Windows 10 with:
- Chrome 136.0.7103.93 (Build officiel) (64 bits)
- Firefox 138.0.3 (64 bits)

It's even more shifted to the right with Firefox:

I also try the test case on my phone (under Firefox browser) and I have the same behavior.

Have you tried just in case with Safari on MacOS?

allan

Firefox on Linux here - I can see it:

I'll need to take a look into what is going wrong there.

Allan

slolo

Thanks for your feedback @allan

Please let me know if there's a nightly build of the component I can test with a possible fix.

FYI, this little bug isn't specific to Bootstrap 4. I'm also reproducing it with the default DataTables theme.

allan

There is a nightly build. However, there isn't a fix for this issue yet.

Allan