edward/openstreetmap-tools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix sidebar scroll not reaching last stop

Browse source 
Two issues:
1. Flex items default to min-height:auto, which allows them to grow
   beyond the flex container instead of being constrained and scrolling.
   Add min-height:0 to #sidebar so overflow-y:auto works correctly.
2. WebKit ignores padding-bottom on overflow containers entirely.
   Remove it from #sidebar and increase padding-bottom on #stop-list
   and #route-master-list (children inside the scroll container, where
   padding-bottom is respected) from 1rem to 2rem.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Edward Betts 2026-02-27 20:57:16 +00:00
parent 6424992264
commit f2989caaec
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
web/static/style.css
View file

@ -9,8 +9,9 @@ html, body {
#sidebar { #sidebar {
height: 100%; height: 100%;
min-height: 0; /* flex items default to min-height:auto, preventing overflow scrolling */
overflow-y: auto; overflow-y: auto;
padding: 1rem; padding: 1rem 1rem 0; /* no bottom padding — WebKit ignores it on overflow containers */
} }
#map { #map {
@ -46,7 +47,7 @@ html, body {
#stop-list, #stop-list,
#route-master-list { #route-master-list {
padding-bottom: 1rem; padding-bottom: 2rem;
} }
#stop-list .stop-item { #stop-list .stop-item {