Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #36962
Closed
Open
Issue created Aug 15, 2022 by Administrator@rootContributor3 of 3 checklist items completed3/3 checklist items

data-bs-dismiss="offcanvas" doesn't work with responsive offcanvas (eg. offcanvas-lg)

Created by: dankopi

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

Adding data-bs-dismiss="offcanvas" to links/buttons that should close the offcanvas only works if the offcanvas is not responsive (has class "offcanvas").

If you use responsive offcanvas (eg class "offcanvas-xxl"), the button doesn't do anything and requires an additional argument - data-bs-target="#id"

This makes it impossible to use anchor links to close offcanvas menus, Please resize screen when viewing the codepen example, so the content actually goes to offcanvas.

Reduced test cases

https://codepen.io/dankosan/pen/oNqQgvp

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

Windows

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

Chrome

What version of Bootstrap are you using?

v5.2.0

Assignee
Assign to
Time tracking