[fxbin]

现象

首页信息流的内容卡片，底部「更多反馈」chevron 按钮点开后，按钮变成灰底（已展开态），但下拉菜单本体几乎看不见——只在卡片下边缘露出一条约 18px 高的白边。

五个反馈选项（精选好文 / 有价值 / 不感兴趣 / 不相关 / 过时了）实际一个都点不到，用户只能提交前两个快捷反馈。

根因

frontend/src/app/_components.tsx 两处写法相撞：

• 卡片容器 EditorialItem 的 Panel 带 overflow-hidden（Tailwind 迁移时随圆角一起加的）。
• FeedbackButtons 的下拉菜单用 absolute right-0 top-full，即向下展开。

该按钮组在卡片最后一行，菜单整体落在卡片内容盒之外，于是被自己的容器裁掉。

修复

• 去掉卡片容器的 overflow-hidden（它只用于圆角裁剪，与浮层冲突），并在代码注释里写明原因。
• 把菜单本体抽成 FeedbackMenu 组件，让「承载浮层的卡片不得裁剪溢出」这条约束能被测试锁住。

同类核对

按 issue 要求核对了仓库里其它绝对定位下拉：

位置	结论
admin/sources 信源采集频率下拉	SourceRow 内有该下拉，但宿主 SourceListPanel 已被 AdminTable 取代、无引用，属死代码，当前界面不渲染
today-picks 卡片	带 overflow-hidden，但卡片内无绝对定位下拉（按钮组均为常规流内元素）；该裁剪用于 before: 左侧渐变条，属必要用途
daily 页「更多」下拉	展开方向向下，宿主是页面头部区域，不受内容盒裁剪影响

结论：首页这处是当前唯一真实存在的同类缺陷。

Verification

本地命令（分支 issue-208-feedback-dropdown-clip）：

• cd frontend && npx tsc --noEmit — 通过
• cd frontend && npm run test:coverage — 47 个文件 / 380 个测试全过，覆盖率门禁达标
• make lint — ruff、格式、分层、口径一致、edition 命名、tsc 全部通过

变异验证：把 overflow-hidden 加回卡片，回归测试立刻变红（卡片容器不裁剪溢出 失败），确认测试真能抓住这个缺陷。

浏览器实测（本地起后端 + 前端，Playwright 驱动真实 Chromium）：

• 修复前：菜单面板 150px 高，仅 13px 落在卡片盒内、137px 被裁；五个选项的命中测试（elementFromPoint）全部失败，命中到的是卡片背景与相邻按钮；真实点击超时。
• 修复后：五个选项命中测试全部通过；点「不感兴趣」→ POST /api/v1/feedback 返回 201，提交 {"content_id":47376,"feedback_type":"dislike"} 成功。

前后对照截图见下方。

备注

点击选项后菜单不自动收起、按钮不进入按下态，是既有行为，修复前后一致，不在本次范围内。

[fxbin]

前后对照截图（本地实测）：

修复前——菜单被卡片裁掉，只剩贴着下边缘的一条白边：

修复后——五个选项完整浮出卡片：