palantir/blueprint

blueprint v3 autofocus in InputGroup (probably others) inside of popover causing scroll to jump

开放

#2,864 创建于 2018年8月22日

在 GitHub 查看贡献者指南
 (10 条评论) (1 个反应) (0 位负责人)TypeScript (2,167 个派生)batch import
P2Package: coreType: bughelp wanted

仓库指标

星标
 (20,263 个星标)
PR 合并指标
 (平均合并 43天 10小时) (30 天内合并 27 个 PR)

描述

I have an InputGroup with autoFocus=true inside a popover that must be scrolled to be reached. When I open the popover, the page is scrolled to the very top, even though all I did was click a button. You can see this in the gif below:

untitled1

I imagine that this isn't just confined to InputGroup but probably any blueprint element that can autofocus.

Here's a reproduction of it:

https://codesandbox.io/s/m38yvkywxp

Thanks!

贡献者指南

研究方向
识别自动聚焦如何在弹出组件中触发滚动，可能通过检查InputGroup或Popover中的焦点管理逻辑。寻找任何可能导致页面意外跳转到聚焦元素的scrollIntoView或focus()使用。
技术栈
typescriptreact
领域
frontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
ReactTypeScript
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
75