diff --git a/library/components/poster/PosterWall.vue b/library/components/poster/PosterWall.vue index 93dbefa16..446cbcb65 100644 --- a/library/components/poster/PosterWall.vue +++ b/library/components/poster/PosterWall.vue @@ -1045,7 +1045,14 @@ useShadowStyles( // hand-off is what makes it read as a TreeTable rather than one floating bar. // Bottom margin is on a spacer INSIDE the section (not the section itself), or // the header would stay pinned over 56px of empty paper. - '.sec{max-width:1180px;margin:0 auto;padding-bottom:44px}' + + // ★ EACH SECTION IS A STACKING CONTEXT, EARLIER ONES ON TOP (2026-09-30, reported from a phone): the LAST + // poster of a section opened its Prayer-List / Card-deck menu UNDER the next section's header, so its + // buttons could not be tapped (measured at 390: Card-deck 3/5 and 4/5 tappable). The open card's z-index 5 + // sits deliberately below its OWN sticky header (6), but the menu hangs past the section's end, where the + // NEXT section's header is also 6. The template gives each section a z-index that decreases down the wall: + // inside a section nothing changes, and an earlier section's hanging menu paints over the later header. + // (A card z-index above 6 would instead paint an open menu over its own pinned header when scrolled.) + '.sec{position:relative;max-width:1180px;margin:0 auto;padding-bottom:44px}' + // TREETABLE ROW HEADER — STICKY, so it stays visible while its own children // scroll past. design note 2026-08-01: "freezing the header so that when you scroll // down past the row you can still see the row as you're scrolling through all of @@ -1203,7 +1210,9 @@ useShadowStyles(
{{ tag }}

-
+ +