Repository navigation
bug: Select-Popover does not select the element when enter is pressed #30561
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v8.x
Current Behavior
Pressing enter when selecting an item does nothing. Only space button works.
Expected Behavior
It should select it, like when pressing the Space button.
Steps to Reproduce
- Create and open ion-select with interface='popover'
- Navigate to it with keyboard
- Select an option and press enter
Code Reproduction URL
Ionic Info
"@ionic/angular": "8.5.6",
Additional Information
This is the exact cause in the code:
From
<ion-radio
value={option.value}
disabled={option.disabled}
onClick={() => this.dismissParentPopover()}
onKeyUp={(ev) => {
if (ev.key === ' ') {
/**
* Selecting a radio option with keyboard navigation,
* either through the Enter or Space keys, should
* dismiss the popover.
*/
this.dismissParentPopover();
}
}}
>The comment said it should work with Enter key, but the code only checks for space key. This is created from PR 7578aa3 . It has been unchanged since then.
The fix is simply add enter checking there:
if (ev.key === ' ' || ev.key === 'Enter') {Let me know if the Ionic team is online with this suggestion and I'm happy to create the PR to contribute.
Thank you!
Activity
dolphinigle commentedon Jul 21, 2025
ionic-framework/core/src/components/select-modal/select-modal.tsx
Line 98 in 5f12cf8
Same issue here potentially.
fix(select): select focused option on Enter in popover and modal inte…
ShaneK commentedon Apr 29, 2026
Hey, thanks for the report! The fix for this was released in v8.8.5!
ionitron-bot commentedon May 29, 2026
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.