gristlabs/grist-core

Add auto-scroll to follow focus in Card view

Open

#1,301 创建于 2024年11月8日

在 GitHub 查看
 (2 评论) (0 反应) (0 负责人)TypeScript (3,613 star) (168 fork)batch import
good first issue

描述

Describe the current behavior

Using TAB to move focus from one field to the next, the Card view won't scroll so the focus gets out of sight.

Steps to reproduce

See demo here.

Describe the expected behavior

It would be convenient that the Card view auto-scroll to follow focus, as Grist does in table view.

Where have you encountered this bug?

贡献者指南

技术栈
typescript
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
TypeScriptDOM manipulationscroll behavior
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70
研究方向
Investigate how the table view implements auto scroll to follow focus, likely in the relevant component file (e.g., CardView.tsx). The expected behavior is for the Card view to scroll the focused field into view when using TAB. Look for existing scroll handling logic and apply similar approach to Card view. Check if there are any existing tests for auto scroll in table view to guide implementation. The issue reporter provided a demo link that can be used to verify the fix.