ant-design/ant-design-mobile

popup弹窗内容在14以下的ios系统中无法上下滑动

Open

#6836 opened on Mar 5, 2025

View on GitHub
 (3 comments) (0 reactions) (0 assignees)TypeScript (11,238 stars) (2,313 forks)batch import
bughelp wanted

Description

Version of antd-mobile

5.31.1

Operating system and its version

iOS

Browser and its version

ios12.5.7

Sandbox to reproduce

No response

What happened?

官网示例在

https://github.com/user-attachments/assets/91a6f75e-0a47-43da-b2c9-370b33298fa5

ios12.5.7版本无法正常滑动，ios18.3.1版本系统可正常滑动

Relevant log output

Contributor guide

Tech stack
reacttypescriptcss
Domain
frontendmobile
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
CSS overflowiOS Safari quirksMobile touch events
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Investigate the Popup component in antd mobile (likely in packages/components/popup) for CSS overflow handling on iOS. The issue suggests that content scrolling fails on iOS 12 but works on iOS 18, indicating a missing fallback for older Safari. Check if the component uses ` webkit overflow scrolling: touch` or modern overflow properties. Review comments in the issue for any additional reproduction details. Create a minimal demo in an iOS 12 simulator to confirm the problem and test potential fixes like adding `overflow y: auto` and ` webkit overflow scrolling: touch`.