Bootstrap v5 backdrop over offcanvas

Question

Bootstrap v5 backdrop over offcanvas

KenHaggerty opened this issue 3 years ago · 11 comments

The bootstrap-native.js v4.0.4 does not implement the offcanvas-backdrop class. The offcanvas-backdrop class has z-index = 1040. The offcanvas class has z-index = 1045. The BSN Offcanvas component is using the modal-backdrop class which has z-index = 1050.

Answer 1 · 2021-08-23T20:41:27.000Z

Yes, it's a way we found to optimize things. What's the problem?

Answer 2 · 2021-08-23T20:50:07.000Z

KenHaggerty commented 3 years ago

Answer 3 · 2021-08-23T20:59:04.000Z

Hm might be a change in the CSS of the latest original stable Bootstrap CSS.

Will investigate and provide a fix asap.

Answer 4 · 2021-08-24T06:17:48.000Z

Is there a possibility this is caused by some markup error? Do you have a link to a demo we can have a look?

The current latest Bootstrap is still 5.0.2 and cannot find a way to replicate that issue.

Answer 5 · 2021-08-24T14:10:17.000Z

I am using Bootstrap v5.1.0. Bootstrap Versions

Answer 6 · 2021-08-24T14:20:21.000Z

Thanks for reporting, update incoming.

Answer 7 · 2021-08-24T15:00:28.000Z

For some reason I cannot login to Github via TortoiseSVN and cannot commit.

Answer 8 · 2021-08-24T16:12:54.000Z

@KenHaggerty please latest master. Thanks

Answer 9 · 2021-08-24T17:13:48.000Z

Latest master works for me on Bootstrap v5.1.0 but the offcanvas-backdrop class does not exist in Bootstrap v5.0.2. In v5.0.2 the overlay dismisses but is not shaded.

Answer 10 · 2021-08-24T19:10:56.000Z

We can't make it work with all 5.x versions, we either make it work with latest 5.1 or not. I think it's pretty bad from Bootstrap devs to come up with these changes 5 iterations after 5.x.

Answer 11 · 2021-08-24T19:40:58.000Z

I bet these changes support Offcanvas in navbars and under modals. I am in the process of updating my sites to Bootstrap v5.1. You can close the issue.