diff --git a/static/css/01-foundation/_reset.css b/static/css/01-foundation/_reset.css index c68bd94..8dc7921 100644 --- a/static/css/01-foundation/_reset.css +++ b/static/css/01-foundation/_reset.css @@ -26,7 +26,7 @@ body { background-size: 40px 40px; /* For dark theme diagonal grid */ background-attachment: fixed; max-width: 100vw; /* Prevent horizontal overflow */ - overflow-x: hidden; /* NO horizontal scroll on mobile */ + overflow-x: clip; /* Clip prevents horizontal scroll WITHOUT breaking position: sticky */ } /* Smooth scrolling */ @@ -34,7 +34,7 @@ html { scroll-behavior: smooth; scroll-padding-top: 70px; /* Account for fixed header */ max-width: 100vw; /* Prevent horizontal overflow */ - overflow-x: hidden; /* NO horizontal scroll */ + overflow-x: clip; /* Clip prevents horizontal scroll WITHOUT breaking position: sticky */ } /* Ensure Iconify icons display properly */ diff --git a/static/js/main.js b/static/js/main.js index b0995d2..6d91ddf 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -577,7 +577,8 @@ initHTMXHandlers(); handleLandscapeAccordions(); // Auto-open sidebar accordions in landscape mode initZoomControlButtons(); - initScrollBehaviorJS(); // JavaScript fallback for scroll behavior + // Note: Scroll behavior now handled by hyperscript in index.html body tag + // initScrollBehaviorJS() removed - hyperscript handleScroll() is preferred }); /** diff --git a/templates/index.html b/templates/index.html index fc2ec1f..bee13d1 100644 --- a/templates/index.html +++ b/templates/index.html @@ -141,7 +141,9 @@