ionic-team / ionic-team/ionic-framework

bug: ion-datetime performance lag when used in popover/modal with other layout components (no min/max set)

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

描述

**Prerequisites/Environment**
- Ionic version: @ionic/angular 8.5.5
- Angular project - v19.2
- Using ion-datetime inside a popover or modal.
- Not setting min or max on the datetime (by design).
- This issue is consistently observed on desktop browsers (eg. Chrome/Edge).
- Not yet tested on mobile devices.

**Description**
We are observing significant performance lag (4–6s delay) when opening the ion-datetime component via a popover or modal on pages that contain heavy layout components, such as:
- ion-grid, ion-row, ion-col
- Custom components (lib-*)
- ion-content scrollable layout

The lag is most noticeable when no min or max is set on the datetime — which is intentional in our case.

**Steps to Reproduce**
1. Add ion-datetime inside a popover
2. Use it on a page that includes a full ion-grid or ion-modal with custom lib components
3. Do not set min or max on the datetime
4. Click the trigger button to open the popover

**Observed Behavior**
- The datetime popover takes a noticeable time (up to 5 seconds) to render
- During this time, the UI appears frozen or unresponsive
- The lag disappears when used on a minimal page without any custom components and only the button and ion-datetime.

**Expected Behavior**
- ion-datetime should open promptly in a popover regardless of page layout
- Performance should not degrade when used without min/max range

**Code sample**
```
`



Pick a Date






`
```

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

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