Skip to content

Fix flashcard content overflow on back face#1

Merged
windoze95 merged 1 commit intomainfrom
fix/flashcard-overflow
Feb 22, 2026
Merged

Fix flashcard content overflow on back face#1
windoze95 merged 1 commit intomainfrom
fix/flashcard-overflow

Conversation

@windoze95
Copy link
Owner

Summary

  • Fixed flashcard back face content (answer text + ServiceNow Analogy) overflowing the card boundary by making the visible face relative to auto-size the container, while keeping the hidden face absolute
  • Eliminates rating button bleed-through and navigation overlap caused by the fixed minHeight on the parent container

Test plan

  • Flip a flashcard with a long answer + ServiceNow Analogy and verify the card fully contains all content
  • Verify the front face still renders correctly with centered question text
  • Confirm the flip animation still works smoothly
  • Check on mobile that no content overflows or overlaps navigation buttons

🤖 Generated with Claude Code

The flip card used absolute positioning on both faces with a fixed
minHeight, causing long answers and ServiceNow Analogy sections to
overflow the card boundary. Now the visible face is relative (driving
container height) while the hidden face is absolute, so the card
auto-sizes to fit its content.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@windoze95 windoze95 merged commit 308b331 into main Feb 22, 2026
1 check passed
@windoze95 windoze95 deleted the fix/flashcard-overflow branch February 22, 2026 17:04
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.

1 participant