Skip to content

Char Count, Sticky Header, Language Switcher, and a secret feature!!#14

Open
paolomaralit-ee wants to merge 7 commits intoEqualExperts:mainfrom
paolomaralit-ee:feature/story-052-character-counter-q15
Open

Char Count, Sticky Header, Language Switcher, and a secret feature!!#14
paolomaralit-ee wants to merge 7 commits intoEqualExperts:mainfrom
paolomaralit-ee:feature/story-052-character-counter-q15

Conversation

@paolomaralit-ee
Copy link

No description provided.

Paolo Maralit and others added 6 commits December 6, 2025 15:16
Implement real-time character counter with 250 character limit for Q15
additional feedback field to improve user experience and set clear
expectations.

Features:
- Real-time character counter showing remaining chars and ratio
- Three visual states: normal (gray), warning (yellow at 90%), error (red)
- Allow typing beyond limit but block form submission
- Form validation prevents submission if Q15 > 250 characters
- Accessible with ARIA live region for screen readers
- Mobile-responsive design

Technical changes:
- Add maxLength prop to OpenEndedQuestion component
- Implement character counting logic with useMemo
- Add visual state calculations based on character count
- Add form submission validation in SurveyPage
- Update Q15 config with maxLength: 250

Closes STORY-052

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
@paolomaralit-ee paolomaralit-ee changed the title Char Count, Stick Header, Language Switcher Char Count, Sticky Header, Language Switcher Dec 6, 2025
@paolomaralit-ee paolomaralit-ee changed the title Char Count, Sticky Header, Language Switcher Char Count, Sticky Header, Language Switcher, and a secret feature!! Dec 6, 2025
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