From 06ad2d78757656c93e9c67c8ca349d34e32547dd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Sat, 20 Jun 2026 09:17:08 +0200 Subject: [PATCH 1/2] Drop deprecated `.dropup` remaining usage --- .cspell.json | 5 ----- js/tests/visual/menu-submenu.html | 12 ++++++------ site/src/assets/examples/navbar-bottom/index.astro | 4 ++-- site/src/content/docs/guides/migration.mdx | 1 + 4 files changed, 9 insertions(+), 13 deletions(-) diff --git a/.cspell.json b/.cspell.json index e53464363544..ad1f4090ea7c 100644 --- a/.cspell.json +++ b/.cspell.json @@ -37,11 +37,6 @@ "Deque", "discoverability", "docsref", - "dropend", - "dropleft", - "dropright", - "dropstart", - "dropup", "dgst", "errorf", "favicon", diff --git a/js/tests/visual/menu-submenu.html b/js/tests/visual/menu-submenu.html index c25988cc9f67..9b68c168ce18 100644 --- a/js/tests/visual/menu-submenu.html +++ b/js/tests/visual/menu-submenu.html @@ -271,15 +271,15 @@

Navbar Integration

- +
-

Dropup with Submenus

-

Submenus work with dropup direction.

+

Submenus with Top Placement

+

Submenus work in upward direction.

-
-
Action diff --git a/site/src/assets/examples/navbar-bottom/index.astro b/site/src/assets/examples/navbar-bottom/index.astro index ec2e845d8c55..e0e537866486 100644 --- a/site/src/assets/examples/navbar-bottom/index.astro +++ b/site/src/assets/examples/navbar-bottom/index.astro @@ -28,8 +28,8 @@ export const title = 'Bottom navbar example'
  • Disabled
    • -
  • - +
  • +
    Action Another action diff --git a/site/src/content/docs/guides/migration.mdx b/site/src/content/docs/guides/migration.mdx index 4a4a000c8035..c27b26877128 100644 --- a/site/src/content/docs/guides/migration.mdx +++ b/site/src/content/docs/guides/migration.mdx @@ -150,6 +150,7 @@ Bootstrap 6 is a major release with many breaking changes to modernize our codeb - Removed jQuery support and the `js-test-jquery` test target. - **Replaced the Dropdown component with Menu.** All `.dropdown-*` classes are now `.menu-*` classes, and `data-bs-toggle="dropdown"` is now `data-bs-toggle="menu"`. See the [Menu docs]([[docsref:/components/menus]]) for full details. - Renamed CSS classes: `.dropdown-menu` to `.menu`, `.dropdown-item` to `.menu-item`, `.dropdown-divider` to `.menu-divider`, `.dropdown-header` to `.menu-header`, `.dropdown-submenu` to `.submenu`. + - Deprecated directional wrappers: `.dropstart`, `.dropend`, and `.dropup`. Use `data-bs-placement` to control direction instead (for example, `.dropup` becomes `data-bs-placement="top"`). - Removed the `.dropdown-toggle` class — menu toggles no longer require a toggle class. - Removed the `.dropdown` wrapper — no wrapper element is required. The toggle and `.menu` are direct siblings. - Simplified markup from `