makecindy / makecindy/cindy

【Bug】插件 → 技能:点开技能详情页后未定位到详情页且背景列表未锁定滚动,导致详情页「看不见」和页面错位

Open
#4,086 1 comment 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.