ant-design/ant-design-mobile

ImageViewer.Multi 图片查看器组件在页面布局 dir 为 ‘rtl’时， 不能正常使用

Open

#6727 opened on Aug 25, 2024

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

Description

Version of antd-mobile

5.37.1

What is this feature about?

ImageViewer.Multi 图片查看器组件在页面布局 dir 为 ‘rtl’时， 不能正常使用 20240825184750_rec_

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
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.
clear
Prerequisites
Basic React knowledgeUnderstanding of RTL in CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
Investigate the ImageViewer.Multi component's handling of the 'dir' attribute. Look for CSS or JS logic that assumes left to right layout. Check if the component uses CSS logical properties (e.g., inset inline start) instead of physical properties (left/right). Implement a fix that respects the document direction or the component's own dir prop. Ensure the fix works for both LTR and RTL.