Skip to content

Conversation

leonardthethird
Copy link
Contributor

Summary

Fixes #1563

The "Show more" button wrapper and gradient fade overlay were blocking pointer events on links in the resolution criteria and other expandable content sections. Links that were visible above the fade effect were not clickable without first expanding the section.

Changes

  • Added pointer-events-none to the gradient fade overlay div so it doesn't block clicks on underlying content
  • Added pointer-events-none to the button wrapper div when in collapsed state (absolutely positioned)
  • Added pointer-events-auto to the button itself to ensure it remains clickable

Test plan

  • Ran frontend tests - all passing
  • Linted code - no errors in modified file
  • Manually tested on localhost - links in resolution criteria are now clickable when visible above the fade
  • Verified "Show more/less" button still works correctly

🤖 Generated with Claude Code

Fixes #1563

The "Show more" button wrapper and gradient overlay were blocking
pointer events on links in the visible content area.

Changes:
- Added pointer-events-none to gradient fade div
- Added pointer-events-none to button wrapper when collapsed
- Added pointer-events-auto to button to keep it clickable

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@leonardthethird leonardthethird changed the title Fix links being unclickable in ExpandableContent Fix links being unclickable in ExpandableContent (#1563) Oct 9, 2025
@hlbmtc hlbmtc requested a review from ncarazon October 10, 2025 13:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

"Show more" padding makes resolution criteria links not clickable

1 participant