Sydaway
October 28, 2025, 10:34am
1
There’s a bug where the enter key doesn’t work when trying to select an item in the ion-select popover. (Spacebar does work).
The bug is documented here:
opened 06:17AM - 21 Jul 25 UTC
package: core
type: bug
### Prerequisites
- [x] I have read the [Contributing Guidelines](https://githu… b.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.
### Ionic Framework Version
v8.x
### Current Behavior
<img width="385" height="428" alt="Image" src="https://github.com/user-attachments/assets/2fe19293-a0d8-494c-8f75-5f143443dcce" />
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
1. Create and open ion-select with interface='popover'
2. Navigate to it with keyboard
3. 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 https://github.com/ionic-team/ionic-framework/blob/5f12cf8c0428ed347bb9753a1dd22088bf46b3b4/core/src/components/select-popover/select-popover.tsx#L163
```html
<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 https://github.com/ionic-team/ionic-framework/commit/7578aa3c598451b6df1cf1eca26ad288c0526121 . It has been unchanged since then.
The fix is simply add enter checking there:
```js
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!
Just wondering if there’s any news on when a fix might be released? (Quite important because we have a site that need to meet accessibility standards).
In the meantime, is there anything I can do programatically to get round this limitation?