【Bug】插件 → 技能:点开技能详情页后未定位到详情页且背景列表未锁定滚动,导致详情页「看不见」和页面错位
- Dominant language
- TypeScript
- Stars
- 2.7k
- Forks
- 401
- Avg merge
- 21h 48m
- Merged PRs (30d)
- 776
Description
### 问题描述
在「插件 → 技能」页面点击技能卡片打开详情展开页时,详情页被渲染在整个技能列表内容的顶部,而页面的滚动位置没有自动定位到详情页,背景列表的滚动也没有锁定。这导致两个现象(同一根因的不同表现):
1. **详情页"看不见"**:点击视口内靠底部的技能(如 git-workflow-principles)后,详情页出现在当前视口之外的上方,界面上看起来没有任何反应,必须手动用外侧滚动条滚到顶部才能找到展开的详情页。
2. **页面错位**:详情页打开后背景技能列表仍可继续滚动,滚动后背景内容从详情面板下方错位露出,滚动条位置与当前展示内容不对应。
### 复现步骤
1. 进入「插件」→「技能」标签页
2. 向下滚动技能列表,点击视口内靠底部的任意技能卡片(如 git-workflow-principles)
3. 观察:界面无明显变化,详情页实际在视口外的上方
4. 用外侧滚动条向上滚动后才能看到详情页;此时继续滚动,背景列表内容会从详情面板下方错位露出
### 实际行为
- 打开详情页时视图不自动滚动/定位到详情页,点击底部技能后用户找不到详情页
- 详情页打开后背景列表未锁定滚动,产生页面错位(见截图)
### 期望行为
点击技能卡片后:
- 视图自动定位到详情页(或将详情页作为模态层固定在视口内),确保用户第一眼就能看到
- 详情页展示期间锁定背景列表的滚动,只允许详情页自身滚动
### 环境信息
- 系统:macOS 14 (Sonoma)
- 芯片:Intel (x86_64)
- Cindy 版本:0.1.73
- 客户端:macOS 桌面端
### 截图(敏感信息已打码)
- 截图 1:技能列表正常浏览状态
- 截图 2:点击底部技能 git-workflow-principles 后,视口内看不到详情页,背景列表位置未变
- 截图 3:向上滚动后详情页出现,但背景列表内容从详情面板下方错位露出
- 截图 4:滚动到顶部后才能完整看到详情页
- 截图 5:另一技能(前端设计质感优化)详情页打开状态
- 截图 6:滚动后背景列表从详情面板下方错位露出
Contributor guide
Research direction
Start by locating the Plugin → Skills view and the skill-card detail panel, then reproduce the issue by opening a card near the bottom of the list. Trace which element owns scrolling and verify that the detail view becomes visible while the background list remains fixed; done means the panel is visible immediately and only its content can scroll.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- electron, typescript
- Domain
- desktop, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100