Pagination active page-item overlays toasts

[FabianKoestring]

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

As you can see in the screenshot below the active pagination page-item overlays toast messages.

Reduced test cases

https://codepen.io/team/bootstrap/pen/qBamdLj

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

v5.1.0

[mdo]

This doesn't happen in our main branch assuming you're using the .toast-container, which has some positioning applied to it. I'm guessing, since you didn't include a live demo of the problem, that you're missing a z-index or position.

[FabianKoestring]

Hey @mdo,

if i look at the current docs at https://getbootstrap.com/docs/5.2/components/toasts/ the z-index is not defined.

[FabianKoestring]

#37118 fixes the described problem. 😉