From 6b5ec46c947d3b8aadc57380cb2804485febb41f Mon Sep 17 00:00:00 2001 From: m5x5 Date: Mon, 11 May 2026 16:34:39 +0200 Subject: [PATCH] Demote tab-widget body from
to
The tab widget previously created
elements for both its outer body container and per-tab content body. Combined with the shell's own
, that meant every tabbed pane view had two or more
landmarks per page. The page-level
landmark now lives on the shell's `.app-view` in mashlib (see SolidOS/mashlib PR). Tab widget internals become plain
s so we have exactly one
per page. No styling change: the widget uses `style.tabsMainElement` and `bodyMainStyle` inline, not a `main` selector. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/tabs.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/tabs.ts b/src/tabs.ts index 7953300af..3e2984c96 100644 --- a/src/tabs.ts +++ b/src/tabs.ts @@ -187,7 +187,7 @@ export function tabWidget (options: TabWidgetOptions) { const navElement = rootElement.appendChild(dom.createElement('nav')) navElement.setAttribute('style', style.tabsNavElement) - const mainElement = rootElement.appendChild(dom.createElement('main')) + const mainElement = rootElement.appendChild(dom.createElement('div')) mainElement.setAttribute('style', style.tabsMainElement) // override tabbedtab.css const tabContainer = navElement.appendChild(dom.createElement('ul')) @@ -333,7 +333,7 @@ export function tabWidget (options: TabWidgetOptions) { function getOrCreateContainerElement (ele: TabElement): ContainerElement { const bodyMain = ele.bodyTR?.children[0] as ContainerElement if (bodyMain) return bodyMain - const newBodyMain = ele.bodyTR!.appendChild(dom.createElement('main')) + const newBodyMain = ele.bodyTR!.appendChild(dom.createElement('div')) newBodyMain.setAttribute('style', bodyMainStyle) return newBodyMain }