got-feedBack/feedBack
1
0
Fork 0
mirror of https://github.com/got-feedBack/feedBack.git synced 2026-08-11 11:19:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(v3): keep Section Map's leftmost section clickable under the rail catcher (#617)

Browse Source 
The section_map plugin pins a ~20px clickable bar (#section-map, z-index:5)
to the top of #player. The v3 left-rail hover-catcher (.v3-railzone::before)
is full-height at z-index:30 with pointer-events:auto, so its top-left
corner swallowed every click on the section map's first section — the
left-most section was never clickable on the v3 desktop (macOS/Windows) UI.

Drop the catcher below the 20px bar when the section map is present,
mirroring the existing #section-map ~ #player-hud special-case in
static/style.css. The rail still reveals from anywhere below the bar.

Adds a Playwright regression test (hit-test of the top-left corner) with a
negative control that re-raises the catcher to reproduce the bug.

Fixes #616

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Byron Gamatos
2026-06-27 21:07:44 +02:00
committed by GitHub
co-authored by Claude Opus 4.8
parent a57d0e3f85
commit b206633131
2 changed files with 100 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/v3/v3.css
+7
View File
@@ -425,6 +425,13 @@ html[data-scoreboard="off"] #v3-live-performance-hud { display: none !important;
width: 96px;
pointer-events: auto;
}
/* The Section Map plugin pins a ~20px clickable bar to the very top of #player
(#section-map, z-index:5). The rail catcher above is full-height at z-index:30,
so its top-left corner swallows clicks on the section map's first section. When
the bar is present, drop the catcher below it so the top strip stays clickable;
the rail still reveals from anywhere below the bar. Mirrors the core
`#section-map ~ #player-hud` special-case in static/style.css. */
#section-map ~ #v3-railzone::before { top: 20px; }
.v3-rail {
position: relative;