From 45c2ce9bcc07c031d979ee7bdcac52147357314c Mon Sep 17 00:00:00 2001 From: Doxa Maps Date: Mon, 28 Sep 2026 14:35:27 +0000 Subject: [PATCH] Stop the board overflowing a short pane and taking the tabs with it MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The root carried min-height:640px alongside height:100%. In a pane shorter than that the element is taller than its host, so the host scrolls the whole plugin — tab strip included — and the reader gets a second scrollbar that hides the tabs it is meant to reach. That is the scrollbar on DX Life's research page. The floor becomes min-height:0, which is what every inner grid area already carries for exactly this reason; the root was the one that did not. Nothing collapses without it: the standalone leaf gives the element a definite height with position:fixed and inset:0, and the pixel floor was unique to this plugin rather than a house pattern. --- plugin-designs/gospel-internet/board.vue | 7 ++++++- public/dx-maps/doxa-maps-spa/manifest.json | 4 ++-- public/dx-maps/gospel-internet/board/board/index.html | 2 +- public/dx-maps/gospel-internet/board/index.html | 2 +- .../dx-maps/gospel-internet/board/india-china/index.html | 2 +- .../dx-maps/gospel-internet/board/language-tree/index.html | 2 +- public/dx-maps/gospel-internet/board/platforms/index.html | 2 +- .../dx-maps/gospel-internet/board/project-700/index.html | 2 +- public/dx-maps/gospel-internet/board/zero/index.html | 2 +- public/dx-maps/gospel-internet/gospel-internet.js | 2 +- public/dx-maps/manifest.json | 4 ++-- 11 files changed, 18 insertions(+), 13 deletions(-) diff --git a/plugin-designs/gospel-internet/board.vue b/plugin-designs/gospel-internet/board.vue index a80b0562f..f23870093 100644 --- a/plugin-designs/gospel-internet/board.vue +++ b/plugin-designs/gospel-internet/board.vue @@ -171,7 +171,12 @@ const sourcesLine = computed(() => (board.meta.value.sources || []).join(' · ') useShadowStyles( ':host{display:block}' + - '.gb{--gb-bg:#f3f3f1;position:relative;box-sizing:border-box;width:100%;height:100%;min-height:640px;display:grid;background:var(--gb-bg);color:#3b463d;' + + // min-height:0, NOT a pixel floor. With height:100% a floor taller than the pane makes the + // element overflow its host, so the HOST scrolls the whole plugin — tab strip included — and + // the reader gets a second scrollbar that hides the tabs. Every inner grid area already + // carries min-height:0 for the same reason; the root was the one that did not. The standalone + // leaf gives the element a definite height (position:fixed; inset:0), so nothing collapses. + '.gb{--gb-bg:#f3f3f1;position:relative;box-sizing:border-box;width:100%;height:100%;min-height:0;display:grid;background:var(--gb-bg);color:#3b463d;' + 'grid-template-columns:var(--facet-w,264px) minmax(0,1fr) var(--rail-w,360px);' + 'grid-template-rows:auto auto auto minmax(0,1fr) var(--table-h,38%);' + // The charts rail runs the full height beside the map AND the table: sized to the map row alone it was diff --git a/public/dx-maps/doxa-maps-spa/manifest.json b/public/dx-maps/doxa-maps-spa/manifest.json index e45a323f9..a27193953 100644 --- a/public/dx-maps/doxa-maps-spa/manifest.json +++ b/public/dx-maps/doxa-maps-spa/manifest.json @@ -615,7 +615,7 @@ "bundle": "gospel-internet", "scriptUrl": "./gospel-internet/gospel-internet.js", "output": "dx-maps/gospel-internet/gospel-internet.js", - "integrity": "sha384-vKM3Vo1mB+V2JNdKy3PxTOgszcgJqji0wwEIw+Lve1g3xfg1b6RKy5VkVUqCZ0rY", + "integrity": "sha384-pOsEqDURkoCiKPeAro9zdVMTmreY20+N9lqU8piXhEgQEOV+snCxvTG0rXWheAOJ", "elements": [ "gospel-internet-board" ], @@ -635,7 +635,7 @@ "scriptUrl": "./gospel-internet/gospel-internet.js", "embed": { "iframe": "", - "script": "\n\n\n\n" + "script": "\n\n\n\n" }, "instances": [ { diff --git a/public/dx-maps/gospel-internet/board/board/index.html b/public/dx-maps/gospel-internet/board/board/index.html index 2e4006fbc..5c3753a72 100644 --- a/public/dx-maps/gospel-internet/board/board/index.html +++ b/public/dx-maps/gospel-internet/board/board/index.html @@ -36,7 +36,7 @@ - + - + - + - + - + - + - + \n\n" + "script": "\n\n\n\n" }, "instances": [ {