ionic-team / ionic-team/ionic-framework

bug: pull to refresh ios - content transforms which leaves blank space when scrolling

未关闭
#21,328 10 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
package: core type: bug
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 15 小时
30 天内合并 PR
51

描述

# Bug Report

**Ionic version:**
[x] **4.x**

**Current behavior:**
Pull to refresh. When performing this in chrome/safari/android content receives `overflow: hidden`.
But on iOS device it's possible to scroll content during refresh action. And then it looks very strange: Spinner disappears and just background left over the screen.

**Expected behavior:**
I think in every device content should get `overflow: hidden`

**Related code:**

Looks like the problem in next method in line 656:

https://github.com/ionic-team/ionic/blob/3937101e5c2b181a6b7926eb8386c22b0f887716/core/src/components/refresher/refresher.tsx#L655-L669

But I don't understand what does it mean here, this nativeRefresher and why in this case `overflow: hidden` shouldn't be set on ion-content

贡献指南

打开贡献指南

调研方向

Start in core/src/components/refresher/refresher.tsx around lines 655-669 and inspect how nativeRefresher affects the overflow behavior. Reproduce pull-to-refresh scrolling on an iOS device, then compare it with Chrome, Safari, and Android. Done means the refresh spinner remains visible without blank space while content cannot scroll during the refresh action.

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

评估

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

把新 issue 发到你的邮箱

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