Skip to content

v6.0.0-alpha.1: Drawer backdrop has no transition on close #43024

Description

@maciazek

Prerequisites

Describe the issue

Hello,

I noticed some inconsistency in backdrop transition between Dialog and Drawer components.

In Bootstrap 5, backdrop in both Modal and Offcanvas is closed with transition. But in Bootstrap 6, only Dialog backdrop has transition on close - in Drawer, backdrop is dropped immediately after click on Close button.
With default Bootstrap 6 styling it's hard to see this because backdrop in Drawer is transparent (only blur is applied), but I wanted Drawer to look more like BS5 Offcanvas, so I applied dark backdrop by overriding --bs-drawer-backdrop-bg var (you can see this in reproducer below).

Is there a chance to apply the same behavior for both Dialog and Drawer?

Thank you!

Reduced test cases

Here are the reproducers (single HTML files):

Bootstrap 5: both backdrops close with transition
Bootstrap 6: Drawer backdrop close without transition

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

Linux

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

Firefox

What version of Bootstrap are you using?

v6.0.0-alpha.1

Activity

  1. added
    bugSomething does not work as documented
    on Oct 10, 2026
  2. added
    confirmedReproduced with a reduced test case
    cssSass sources or compiled CSS
    jsJavaScript or TypeScript sources and plugins
    v6v6, the main branch
    has-prAn open pull request addresses it
    on Oct 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething does not work as documentedconfirmedReproduced with a reduced test casecssSass sources or compiled CSShas-prAn open pull request addresses itjsJavaScript or TypeScript sources and pluginsv6v6, the main branch

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions