fix(ui): pin navbar mega panels to viewport

2026-08-24 21:56:27 +05:30
parent 0618782355
commit d2d830e7e2
5 changed files with 26 additions and 3 deletions
@@ -3133,6 +3133,13 @@ test("mega menu keeps hover activation and click activation from cancelling each
  expect(source).toContain("max-height: calc(100dvh - 5.5rem)");
 });

+test("navbar pins full-width mega panels to desktop viewport gutters", () => {
+  const source = readFileSync(uiComponentPath("Navbar"), "utf8");
+  expect(source).toMatch(/\.wrn-navbar__mega\[data-full-width="true"\] \.wrn-mega__panel \{[^}]*position: fixed/s);
+  expect(source).toMatch(/right: 1rem;\s+left: 1rem;/s);
+  expect(source).toMatch(/data-collapse-at="1100px"[^}]+\.wrn-navbar__mega\[data-full-width="true"\][^}]+position: static/s);
+});
+
 test("stepper shows only the active step content and offers back, next and skip", async () => {
  const source = readFileSync(uiComponentPath("Stepper"), "utf8");
  const html = await renderComponent(source, {