[Select]: clear button does nothing when triggering it with keyboard focus SPACE or ENTER #1038

Problem

Go to storybook, open a select component:

https://storybook.tedi.ee/react/main/?path=/docs/tedi-ready-components-form-select--docs

enable the clearable prop. then select a value from the Select, then hit tab to focus onto the clear button. now hit enter or spacebar, nothing happens

Solution

Should trigger the clear when focused space or enter key is pressed.

Examples and information

Project

DoD

• The component is developed using best practices, conventions, and modern frontend trends
• The component follows BEM naming conventions (if applicable)
• The component implementation matches the Figma design, including all defined states and interactions
• The component supports responsiveness and scales across breakpoints (if applicable)
• The component does not introduce runtime errors or warnings
• Linter passes
• The component is exported from its tier barrel
• The component has unit tests with at least 80% code coverage (enforced by the global Jest coverageThreshold over src/tedi/components, not per component)
• CodeCov passes its threshold (80% on the changed code, with 10% tolerance — a separate gate from the Jest one above)
• The component has passed code review
• The component has passed Chromatic visual review
• The component has passed the automated accessibility tests (axe checks on the Storybook stories, run in CI)
• The component has been manually tested against WCAG 2.2 AA (see Ligipääsetavus)
• The component has been manually tested in Chrome, Firefox, Safari and Edge, and on iOS and Android devices
• Storybook stories are created:
  • Cover all Figma variations
  • Include edge cases, empty/error states
• Component’s API (props, slots, events) is documented
• Zeroheight is updated with design/development guidelines
• WCAG guidelines for the component are documented in Zeroheight
• External dependencies used in the component are documented in Storybook and Zeroheight, with rationale
• Semantic commit format type(scope): Subject text #issue-ref is used (for semantic-release), with the issue reference required - see Commit convention
• External libraries comply with validated open source licenses
• Component is versioned correctly and ready for release if required
• Update the React development status on the statuses page in Zeroheight
• Update the WCAG status on the statuses page in Zeroheight