fix(ui): prevent navigation surface overflow

2026-08-24 23:08:00 +05:30
parent 45309b3f72
commit ceb865f4f1
5 changed files with 12 additions and 6 deletions
@@ -2941,6 +2941,12 @@ test("mega menu renders column groups in an anchored panel", async () => {
  expect(source).toContain("box-sizing: border-box");
 });

+test("announcement full-width surface does not create viewport scrollbar overflow", () => {
+  const source = readFileSync(uiComponentPath("AnnouncementBar"), "utf8");
+  expect(source).not.toContain("width: 100vw");
+  expect(source).not.toContain("calc(50% - 50vw)");
+});
+
 test("mega menu columns take roving focus and survive an empty column list", async () => {
  const source = readFileSync(uiComponentPath("MegaMenu"), "utf8");
  const html = await renderComponent(source, { label: "Empty", columns: [] });