ionic-team / ionic-team/ionic-framework

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

未关闭
#31,199 2 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看
triage
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 15 小时
30 天内合并 PR
51

描述

### 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.

贡献指南

打开贡献指南

调研方向

Start by reproducing the issue from the linked StackBlitz project on mobile with Ionic 8.7.4, then compare the behavior with 8.7.3. Trace the IonPopover presentation and keyboard/focus handling, and verify that setting keyboardClose={false} keeps the original textarea focused and the keyboard open while suggestions appear.

由索引模型根据 Issue 内容生成。

评估

技术栈
react, typescript
领域
frontend, mobile
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
活跃
描述清晰度
基本清楚
新手友好度
68/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。