Range Slider flips mirror-like when viewport gets narrow
还没有人认领这个 Issue。
- 主要语言
- JavaScript
- 星标
- 18.3k
- 派生
- 2k
- 平均合并
- 2 天 12 小时
- 30 天内合并 PR
- 28
描述
I have encountered a strange behavior where, no matter what chart or data I am using, when the range slider doesn't have any space on the y axis, (this can happen when the y axis labels are wide) it flips like in a mirror:
In the first image the Year 2000 is the white dot on the left

In the second image the Year 2000 is the white dot on the right

I've modified the Adding Sliders to Animations in JavaScript example: https://codepen.io/bleah1/pen/dyqoaMQ and added responsive: true to config and a big margin of 400 to the layout to better see the flipping in action.
What now ? This obviously can't be used on narrow mobile screens.
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
调研方向
从 issue 中链接的修改版“Adding Sliders to Animations in JavaScript”示例开始,使用响应式模式和较大的布局边距,以便在 y 轴标签占用可用宽度时复现翻转。跟踪该窄 viewport 下范围滑块的行为,并验证 Year 2000 标记保持相同的侧边和方向;该 issue 没有指定要首先开始的 repository 文件或测试。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- javascript
- 领域
- data-visualization
- Issue 类型
- 缺陷
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 42/100