Tab bar prevents swipe up/down on mobile browser
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- frontend, mobile-dev
Direzione di ricerca
Inizia esaminando useTouchMove.ts e riproduci il comportamento della CodeSandbox collegata in un browser mobile, concentrandoti sugli scorrimenti che iniziano sulla barra delle schede. Il lavoro è completato quando lo scorrimento verticale della pagina funziona dalla barra delle schede senza compromettere il comportamento di interazione con le schede descritto nell’issue.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Hi, actually I'm coming here because of an issue that I've found in ant-design's tab. I recently discovered that the location of the problem was in rc-tabs. So I tried cloning the master branch and inspecting where the problem was. Finally I found that this problem can be solved by removing e.preventDefault() in useTouchMove.ts file.
You can see it on the branch I forked:
https://github.com/irvanherz/tabs/commit/251d8713e6751650f52585d83aa9349c9f7a13c8#diff-6098251a64dc37073e837fba36078438a119c06311050fdbc9975bcbd632c60e
Is this small change ok to fix the bug?
Reproduction link
Steps to reproduce
From any mobile browser, try to swipe view up or down by starting finger touching Tabs' bar.
What is expected?
It should scrolling view up/down as I swipe.
What is actually happening?
It does nothing.
| Environment | Info |
|---|---|
| antd | 4.13.1 |
| React | 17.0.1 |
| System | Android 7.1.2; Redmi 5A Build/N2G47H |
| Browser | Chrome Version 88.0.4324.181 |
My project using many tabs at home page. This bug oftenly brings problem for any users who open the page from mobile browser.
- Lingua principale
- TypeScript
- Stelle
- 572
- Fork
- 241
- Merge medio
- 4g 18h
- PR unite (30g)
- 4
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di react-component/tabs
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
react-component/tabs#865 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
react-component/tabs#809 · 1 commento ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 64/100
react-component/tabs#1013 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 48/100
react-component/tabs#777 · 1 reazione ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 25/100
react-component/tabs#726 ·
Tutte le issue di react-component/tabs
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
receptron/mulmoterminal#2264 ·
-
documentation
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
components-web-app/docs#96 ·
-
enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
simonsobs/tileviewer#114 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100