From f86bfa16ec5c1ff42ddd030bac42a99ae275ebbe Mon Sep 17 00:00:00 2001 From: Doxa Maps Date: Tue, 29 Sep 2026 16:08:33 +0000 Subject: [PATCH 1/2] A pane scrolls content taller than itself instead of clipping it away The .pane clip (14096e19c) keeps a pane from painting outside its box, but a profile with no scroller of its own then lost everything below the pane's bottom: regions-mfe's regions list (rega RD3: last row at y1426 in an 843 px pane; at 390 only Africa visible). Before the clip that content spilled over the next pane instead. The pane mount now scrolls it at pane height (overflow-y:auto), since a scroll container's scrollable area includes its descendants' visible overflow; wheel and Tab reach it, and a wheel at its end chains on to the column. Panes whose content fits (a wall with its own scroller, a map) never scroll here. --- library/layouts/pane-wrapper/pane-wrapper.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/library/layouts/pane-wrapper/pane-wrapper.js b/library/layouts/pane-wrapper/pane-wrapper.js index 6603fff20..ceba47dbf 100644 --- a/library/layouts/pane-wrapper/pane-wrapper.js +++ b/library/layouts/pane-wrapper/pane-wrapper.js @@ -80,6 +80,15 @@ export const PANE_GRID_STYLES = ` over the map, and Tab into row 1 scrolled the COLUMN instead of the wall). Inherited, so it crosses into each element's shadow root, where no selector here can reach. */ --profile-min-h:0; + /* ★ AND CONTENT TALLER THAN ITS PANE SCROLLS WITHIN IT. The clip on .pane (above) keeps a pane from + painting outside its box — but a profile with NO scroller of its own (regions-mfe's regions list: + its last row at y1426 in an 843 pane) then had everything below the pane's bottom UNREACHABLE, + where before it spilled over the next pane (rega RD3). The mount is pane-sized and a scroll + container's scrollable area includes its descendants' visible overflow, so such content now + scrolls here, at pane height; wheel and Tab reach it, and only at its end does a wheel chain on to + the column. A profile that already fits (a wall with its own scroller, a map) never scrolls here. */ + overflow-y:auto; + overflow-x:hidden; } /* Placeholder copy for a pane whose profile is not built yet — same card styling as the wrapper's own placeholder so an unbuilt pane never looks broken. */ From 5fc235a31e335bd34134493704b5315a5dcec0cb Mon Sep 17 00:00:00 2001 From: Doxa Maps Date: Tue, 29 Sep 2026 16:10:10 +0000 Subject: [PATCH 2/2] Rebuild regions-dashboard, my-upg-100-list and country-posters, and regenerate the tree --- .../country-posters/countries-map/index.html | 2 +- .../country-poster-wall/index.html | 2 +- .../country-posters-mfe/index.html | 2 +- .../country-posters/country-posters.js | 2 ++ public/dx-maps/doxa-maps-spa/manifest.json | 36 +++++++++---------- public/dx-maps/manifest.json | 36 +++++++++---------- .../my-upg-100-list/my-upg-100-list.js | 2 ++ .../my-upg-100-list/poster-wall/index.html | 2 +- .../my-upg-100-list/upg-100-list/index.html | 2 +- .../my-upg-100-list/upg-100-mfe/index.html | 2 +- .../region-dashboards/index.html | 2 +- .../regions-dashboard/regions-dashboard.js | 2 ++ .../regions-dashboard/regions-list/index.html | 2 +- .../regions-dashboard/regions-mfe/index.html | 2 +- 14 files changed, 51 insertions(+), 45 deletions(-) diff --git a/public/dx-maps/country-posters/countries-map/index.html b/public/dx-maps/country-posters/countries-map/index.html index 2cf1ed71b..68966e729 100644 --- a/public/dx-maps/country-posters/countries-map/index.html +++ b/public/dx-maps/country-posters/countries-map/index.html @@ -70,7 +70,7 @@ - + - + - + \n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } }, { @@ -240,7 +240,7 @@ "scriptUrl": "./country-posters/country-posters.js", "embed": { "iframe": "", - "script": "\n\n\n" + "script": "\n\n\n" } }, { @@ -256,8 +256,8 @@ "scriptUrl": "./country-posters/country-posters.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } } ] @@ -880,7 +880,7 @@ "bundle": "my-upg-100-list", "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "output": "dx-maps/my-upg-100-list/my-upg-100-list.js", - "integrity": "sha384-ypVn5CInyWDq+MKYgqlXuJ3nOKMxX18ZhFugR1e7Ne+I4DuR1kuce+MPMf8DwgQV", + "integrity": "sha384-rDC4ZD5/DesnVya7Fb9Px1YB5gxhgpnslHQ0shYmi20kQmu3UAdWGixtGY+BCXlP", "elements": [ "my-upg-100-list-map" ], @@ -903,7 +903,7 @@ "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "embed": { "iframe": "", - "script": "\n\n\n" + "script": "\n\n\n" } }, { @@ -919,8 +919,8 @@ "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } }, { @@ -936,8 +936,8 @@ "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } } ] @@ -1126,7 +1126,7 @@ "bundle": "regions-dashboard", "scriptUrl": "./regions-dashboard/regions-dashboard.js", "output": "dx-maps/regions-dashboard/regions-dashboard.js", - "integrity": "sha384-ADyor00XF8YBITkubbaYI01lOxb61a/2u0YdZ2wbT9hd6xDDw9gI8iaJj+tM8009", + "integrity": "sha384-YoL1vtljzR2VisPwfpezm8pYLiYgEIfX79yMlVqkWlYhvyjsnm7I++VAC+wIA3ZQ", "elements": [ "regions-dashboard" ], @@ -1149,8 +1149,8 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } }, { @@ -1166,7 +1166,7 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n" + "script": "\n\n\n" } }, { @@ -1182,8 +1182,8 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } } ] diff --git a/public/dx-maps/manifest.json b/public/dx-maps/manifest.json index 71a8c3df8..0669b5f4d 100644 --- a/public/dx-maps/manifest.json +++ b/public/dx-maps/manifest.json @@ -200,7 +200,7 @@ "bundle": "country-posters", "scriptUrl": "./country-posters/country-posters.js", "output": "dx-maps/country-posters/country-posters.js", - "integrity": "sha384-0TXSOdeBj0zqNGTJhzFrcnz9ndaoyYh3ljbLnamDVzRp5rvLZGXxhnLzh3YdzaqP", + "integrity": "sha384-e9lSFB5k4bEJuqR/LaXQ/fLDTehPAImvoPkCNMmrIfJjrZSpRIgWUB8S+3zS40z2", "elements": [ "country-posters-map" ], @@ -223,8 +223,8 @@ "scriptUrl": "./country-posters/country-posters.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } }, { @@ -240,7 +240,7 @@ "scriptUrl": "./country-posters/country-posters.js", "embed": { "iframe": "", - "script": "\n\n\n" + "script": "\n\n\n" } }, { @@ -256,8 +256,8 @@ "scriptUrl": "./country-posters/country-posters.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } } ] @@ -880,7 +880,7 @@ "bundle": "my-upg-100-list", "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "output": "dx-maps/my-upg-100-list/my-upg-100-list.js", - "integrity": "sha384-ypVn5CInyWDq+MKYgqlXuJ3nOKMxX18ZhFugR1e7Ne+I4DuR1kuce+MPMf8DwgQV", + "integrity": "sha384-rDC4ZD5/DesnVya7Fb9Px1YB5gxhgpnslHQ0shYmi20kQmu3UAdWGixtGY+BCXlP", "elements": [ "my-upg-100-list-map" ], @@ -903,7 +903,7 @@ "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "embed": { "iframe": "", - "script": "\n\n\n" + "script": "\n\n\n" } }, { @@ -919,8 +919,8 @@ "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } }, { @@ -936,8 +936,8 @@ "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } } ] @@ -1126,7 +1126,7 @@ "bundle": "regions-dashboard", "scriptUrl": "./regions-dashboard/regions-dashboard.js", "output": "dx-maps/regions-dashboard/regions-dashboard.js", - "integrity": "sha384-ADyor00XF8YBITkubbaYI01lOxb61a/2u0YdZ2wbT9hd6xDDw9gI8iaJj+tM8009", + "integrity": "sha384-YoL1vtljzR2VisPwfpezm8pYLiYgEIfX79yMlVqkWlYhvyjsnm7I++VAC+wIA3ZQ", "elements": [ "regions-dashboard" ], @@ -1149,8 +1149,8 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } }, { @@ -1166,7 +1166,7 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n" + "script": "\n\n\n" } }, { @@ -1182,8 +1182,8 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } } ] diff --git a/public/dx-maps/my-upg-100-list/my-upg-100-list.js b/public/dx-maps/my-upg-100-list/my-upg-100-list.js index 81cbaa059..850d50678 100644 --- a/public/dx-maps/my-upg-100-list/my-upg-100-list.js +++ b/public/dx-maps/my-upg-100-list/my-upg-100-list.js @@ -883,6 +883,8 @@ .pane > .pane-mount{ position:absolute; inset:0; --profile-min-h:0; + overflow-y:auto; + overflow-x:hidden; } .pane-placeholder{ position:absolute; inset:0; display:grid; place-items:center; padding:24px; diff --git a/public/dx-maps/my-upg-100-list/poster-wall/index.html b/public/dx-maps/my-upg-100-list/poster-wall/index.html index b970dabd2..4f020aef6 100644 --- a/public/dx-maps/my-upg-100-list/poster-wall/index.html +++ b/public/dx-maps/my-upg-100-list/poster-wall/index.html @@ -61,7 +61,7 @@ - + - + - + - + - + - +