Tabs scroll slowly in firefox some version such as 72.0
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 45/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- react, typescript
- 领域
- frontend
调研方向
首先在 Firefox 72.0 和 Firefox 109 中重现提供的 Tabs 示例，然后跟踪处理 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
- 星标
- 573
- 派生
- 243
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 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 条评论 ·
-
Editable tabs: add and remove buttons owned by role=tablist keep aria-required-children firing可能重新可做 @A-RYAN-1 于 9 天前认领，目前没有进行中的 PR。 未关闭
难度 4/5 3-5 天 新手友好度 65/100
react-component/tabs#1025 · 2 条评论 ·
-
[Accessibility] tabBarExtraContent is owned by role="tablist"可能重新可做 关联的 PR 已关闭且未合并。 未关闭
难度 4/5 3-5 天 新手友好度 64/100
react-component/tabs#1013 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 48/100
react-component/tabs#777 · 1 个 reaction ·
查看 react-component/tabs 的全部 Issue
相似的 Issue
-
area:deploy task
难度 2/5 1-3 小时 新手友好度 72/100
wilanis/wilanis-js#1017 ·
维护者通常 1 天内回复
-
documentation v2
难度 2/5 1-3 小时 新手友好度 76/100
modelcontextprotocol/servers#5133 ·
维护者通常 1 天内回复
-
budget bug feature frontend good-issue medium needs-review OSCI'26 payments
难度 2/5 1-3 小时 新手友好度 75/100
SatyamPandey-07/WorkSphere#5990 · 1 条评论 ·
维护者通常 1 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 76/100
lugassawan/swe-workbench#799 ·
维护者通常 1 天内回复
-
bug good first issue javascript
难度 2/5 1-3 小时 新手友好度 82/100
yukikotani231/sqlsift#326 ·
维护者通常 1 天内回复