fix: stop the homepage dot pattern from swallowing button clicks - #575
Merged
Conversation
.activity-bg is an absolutely-positioned, full-height sibling of the agent-economies section content with z-index: 0, so it paints over — and hit-tests above — the section's static boxes. The Get OLAS and Tokenomics buttons carried z-10 to sit above it; 0435926 removed that z-10 because the elevated buttons showed through the mobile chain dropdown, which fixed the layering but left both buttons unclickable. The layer is purely decorative, so exclude it from hit-testing rather than re-elevating the buttons. .circles-bg, the analogous decorative overlay directly above it in this file, already does exactly this. Verified with a headless-Chromium hit test: at each button's centre document.elementFromPoint returns div.activity-bg before the change and the <a> after it; clicking Get OLAS now lands on /olas-token#token-details scrolled to the anchor, and the mobile dropdown still owns its own points. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01D3mccotoPBzhS53E9LRS3z
DavidMinarsch
requested review from
Tanya-atatakai and
atepem
as code owners
September 5, 2026 18:32
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
The Get OLAS and Tokenomics buttons in the homepage agent-economies section are not clickable.
Cause
.activity-bg(the section's dot pattern) is an absolutely-positioned, full-height sibling of the section content withz-index: 0, so it paints over — and hit-tests above — the section's static boxes. The two buttons carriedz-10to sit above it. 0435926 removed thatz-10because the elevated buttons showed through the expanded mobile chain dropdown; that fixed the layering but dropped both buttons underneath the dot overlay, where it eats their clicks.Fix
The dot layer is purely decorative, so exclude it from hit-testing (
pointer-events: none) rather than re-elevating the buttons — re-addingz-10would just bring the dropdown bug back..circles-bg, the analogous decorative overlay directly above it inglobals.css, already does exactly this;.activity-bgwas simply missing it.Paint order is unchanged, so the section looks identical.
Verification
Headless-Chromium hit test against the dev server, checking
document.elementFromPointat each button's centre:pointer-events: auto)div.activity-bg❌div.activity-bg❌<a>itself ✅<a>itself ✅/olas-token#token-detailsand lands scrolled to the anchor.yarn lintclean.🤖 Generated with Claude Code
https://claude.ai/code/session_01D3mccotoPBzhS53E9LRS3z