Tabs scroll slowly in firefox some version such as 72.0
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 45/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react, typescript
- 領域
- frontend
調査の方向性
まず、提供された Tabs の例を Firefox 72.0 と Firefox 109 で再現し、その後、wheel event を処理するタブのスクロール経路を追跡します。deltaMode がどのように解釈されるかを確認します。影響を受ける Firefox バージョンでスクロールが遅くなくなり、新しいバージョンでも動作が正しいままであれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Platform
- OS: windows 11
- browser: firefox 72.0
code
import React, { useState } from 'react';
import type { RadioChangeEvent } from 'antd';
import { Radio, Tabs } from 'antd';
type TabPosition = 'left' | 'right' | 'top' | 'bottom';
const App: React.FC = () => {
const [mode, setMode] = useState<TabPosition>('top');
const handleModeChange = (e: RadioChangeEvent) => {
setMode(e.target.value);
};
return (
<div>
<Radio.Group onChange={handleModeChange} value={mode} style={{ marginBottom: 8 }}>
<Radio.Button value="top">Horizontal</Radio.Button>
<Radio.Button value="left">Vertical</Radio.Button>
</Radio.Group>
<Tabs
defaultActiveKey="1"
tabPosition={mode}
style={{ height: 220 }}
items={new Array(30).fill(null).map((_, i) => {
const id = String(i);
return {
label: `Tab-${id}`,
key: id,
disabled: i === 28,
children: `Content of tab ${id}`,
};
})}
/>
</div>
);
};
the behavior in firefox 72.0
the expected behavior
the behavior in firefox 109
cause
'wheel' event has a property deltaMode representing the unit of the delta* values' scroll amount
- 主要言語
- TypeScript
- スター
- 572
- フォーク
- 241
- 平均マージ
- 4日 18時間
- マージ済み PR（30日）
- 4
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react-component/tabs のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
react-component/tabs#865 · コメント 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
react-component/tabs#809 · コメント 1 件 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 64/100
react-component/tabs#1013 · コメント 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 48/100
react-component/tabs#777 · リアクション 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 25/100
react-component/tabs#726 ·
react-component/tabs の issue をすべて見る
似ている issue
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
Crush オープン
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md オープン
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
ElementsProject/cln-application#167 · コメント 1 件 · リアクション 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
Quantco/pnpm-licenses#17 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100