Joshua Shay Kricheli NeuroSymbolic AI
v2 v1

Release · v3.11.14

Un-trap mobile nav FABs from the glass bar's…

fix(v3): un-trap mobile nav FABs from the glass bar's containing block

fix v3.11.14 July 7, 2026 Joshua Shay Kricheli 4453cf1

Details

The FABs are DOM children of the .v3-nav header, whose glass
`backdrop-filter` establishes a containing block for its `position: fixed`
descendants. So the bottom-right FABs anchored to the ~57px bar at the TOP
of the screen instead of the viewport and rendered off-screen above the
fold (getBoundingClientRect top ≈ -83 / -141), invisible and unreachable
on real mobile. Drop `backdrop-filter` on .v3-nav below 700px so the FABs
anchor to the viewport; the bar's 70-78% opaque background keeps the
wordmark legible without the blur. Desktop keeps its glass.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YB1axhX3kbHCFJbX7LhfH8

Files changed (1)

frontend/jekyll/_sass/v3/_responsive.scss +11 −0