ionic-team / ionic-team/ionic-framework

bug: IonPopover `keyboardClose={false}` does not prevent keyboard dismissal since ionic 8.7.4

Aperta
#31,199 2 commenti 1 reazione 0 assegnatari Vedi su GitHub
triage
Lingua principale
TypeScript
Stelle
52.7k
Fork
13.3k
Merge medio
1g 15h
PR unite (30g)
51

Descrizione

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.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

When an `IonPopover` with `keyboardClose={false}` is presented while a text input is focused, the mobile keyboard closes immediately and focus is lost from the initial input.

### Expected Behavior

When an `IonPopover` with `keyboardClose={false}` is presented while a text input is focused, the mobile keyboard should be kept open and the focus should be held by the initial input.

### Steps to Reproduce

1. Go to: https://stackblitz.com/edit/vitejs-vite-w4vmmzwi. There is a minimal repo project there.
2. Type @ in the textarea. A popover with user suggestions should appear. On mobile, the keyboard and focus should stay open in the text area so you can type to filter — but it closes immediately due to the bug.
3. Test using Ionic 8.7.3. In that version it works as expected. You can edit the package.json for that.

Image

### Code Reproduction URL

https://stackblitz.com/edit/vitejs-vite-w4vmmzwi

### Ionic Info

[WARN] You are not in an Ionic project directory. Project context may be missing.

Ionic:

Ionic CLI : 6.19.0

Utility:

cordova-res : not installed globally
native-run : not installed globally

System:

NodeJS : v22.21.1
npm : 11.7.0
OS : Linux 6.19

### Additional Information

Please mind that i am only using the Ionic Components [in an existing React Project](https://ionicframework.com/docs/react/adding-ionic-react-to-an-existing-react-project). I am not using Capacitor or any of the other native features.

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.