Tab bar prevents swipe up/down on mobile browser

オープン

#368 2021年3月12日に作成コメント 3 件リアクション 1 件担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度: 2/5
見積もり時間: 1〜3時間
初心者へのやさしさ: 35/100

issue の種類: バグ
明瞭さ: 明確に書かれている
活発さ: 停滞
技術スタック: react, typescript
領域: frontend, mobile-dev

調査の方向性

まず useTouchMove.ts を調査し、リンクされている CodeSandbox の挙動をモバイルブラウザで再現します。タブバー上で始まるスワイプに重点を置いてください。タブバーからページを縦方向にスクロールでき、Issue に記載されたタブ操作の挙動を損なわなければ完了です。

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語: TypeScript
スター: 572
フォーク: 241
平均マージ: 4日 18時間
マージ済み PR（30日）: 4

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
リポジトリをフォークし、ブランチを切って変更します。
issue 番号を参照したプルリクエストを送ります。

react-component/tabs のほかの issue

Fix: Tab click events firing multiple times due to missing useCallback dependency オープン

難易度 2/5 1〜3時間初心者へのやさしさ 72/100

react-component/tabs#865 · コメント 1 件 · 2025年7月18日に作成
Remove button has the role "tab" which is not accessible オープン

難易度 2/5 1〜3時間初心者へのやさしさ 72/100

react-component/tabs#809 · コメント 1 件 · 2025年4月8日に作成
[Accessibility] tabBarExtraContent is owned by role="tablist" オープン

難易度 4/5 3〜5日初心者へのやさしさ 64/100

react-component/tabs#1013 · コメント 1 件 · 2026年8月15日に作成
为什么key的类型只有string类型，不可以用number类型吗オープン

難易度 2/5 1〜3時間初心者へのやさしさ 48/100

react-component/tabs#777 · リアクション 1 件 · 2025年2月8日に作成
import { useVisibleRange } from '@rc-tabs/es/hooks/useVisibleRange' 无法找到路径オープン

難易度 3/5 1〜2日初心者へのやさしさ 25/100

react-component/tabs#726 · 2024年6月15日に作成

react-component/tabs の issue をすべて見る

似ている issue

sortNodePosition throws when a sibling in enteringChildren has not mounted yet (Firefox: compareDocumentPosition: Argument 1 is not an object) オープン

難易度 1/5 1〜3時間初心者へのやさしさ 88/100

motiondivision/motion#3849 · 2026年9月25日に作成
Add: S Play Event HD オープン

check:passed streams:add

難易度 2/5 1〜3時間初心者へのやさしさ 72/100

iptv-org/iptv#52752 · 2026年9月25日に作成
Improvement for contact popover オープン

難易度 2/5 1〜3時間初心者へのやさしさ 68/100

linagora/twake-ui#111 · 2026年9月25日に作成
LiteLLM proxy response_cost (x-litellm-response-cost) is never applied to ChatModelOutput.cost オープン

bug

難易度 2/5 1〜3時間初心者へのやさしさ 84/100

i-am-bee/beeai-framework#1697 · リアクション 1 件 · 2026年9月25日に作成
Support bun dedupe オープン

enhancement

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

antfu/node-modules-inspector#214 · 2026年9月25日に作成

TypeScript の issue をもっと見る