Skip to content

feat(input-text): add clear button for search type (#10635) - #10657

Draft
deleonio wants to merge 1 commit into
developfrom
feat/input-text-clear-button-10635
Draft

feat(input-text): add clear button for search type (#10635)#10657
deleonio wants to merge 1 commit into
developfrom
feat/input-text-clear-button-10635

Conversation

@deleonio

@deleonio deleonio commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Add clear button for input-text with type='search' (automatic, no new prop needed)
  • Button uses kolicon-x icon with ARIA label 'Suche löschen'/'Clear search'
  • Button is disabled when input is empty or component is disabled
  • Button clears input value and keeps focus on input
  • Add translations for clear button label
  • Add sample and e2e tests

Verification

  • TypeScript compilation passes
  • E2E tests added for clear button functionality
  • Sample added to demonstrate the feature

Closes #10635

- Add clear button for input-text with type='search' (no new prop needed)
- Button uses kolicon-x icon with ARIA label 'Suche löschen'/'Clear search'
- Button is disabled when input is empty or component is disabled
- Button clears input value and keeps focus on input
- Add translations for clear button label
- Add sample and e2e tests

Closes #10635

Co-authored-by: deleonio <deleonio@users.noreply.github.com>
@github-actions

github-actions Bot commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

📸 Visual Test Reports

No Playwright HTML reports were produced for this run.

Run: https://github.com/public-ui/kolibri/actions/runs/31157192080

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.

feat(input-text): add clear button for search type

2 participants