# UX：修复 reviewable select-kit 被下一个 review-item 覆盖的问题

**URL:** <https://meta.discourse.org/t/ux-fix-reviewable-select-kit-covered-by-the-next-review-item/395858>\
**Category:** UX\
**Tags:** review-queue, bug\
**Created:** [2026年二月12日 03:13 UTC](https://meta.discourse.org/t/ux-fix-reviewable-select-kit-covered-by-the-next-review-item/395858 "2026-02-12T03:13:52Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![small-lovely-cat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/small-lovely-cat/32/553546_2.png) [@small-lovely-cat](https://meta.discourse.org/u/small-lovely-cat)\
**Post date:** [2026年二月12日 03:13 UTC](https://meta.discourse.org/t/ux-fix-reviewable-select-kit-covered-by-the-next-review-item/395858/1 "2026-02-12T03:13:52Z")

</div>

`review-item` 缺少正确的 `z-index`，并且 `select-kit` 是使用自然 DOM 顺序堆叠的，当前者 `select-kit` 出现在后者 `review-item` 上时，它会变得透明且不可点击。

此提交通过向组件添加正确的 `z-index` 来修复此问题。

> <https://github.com/discourse/discourse/pull/37749>
>
> The \`review-item\` lacks proper z-index, and the \`select-kit\` is stacked using na…tural DOM order, when the former \`select-kit\` appears on the latter \`review-item\`, it will become transparent and unclickable.
> 
> This commit fix this by adding proper z-index to components.
> 
> Before:
> \<img width="1919" height="920" alt="image" src="https://github.com/user-attachments/assets/5e0f0747-3cf7-4079-917e-af70dc7db29f" /\>
> 
> \<img width="407" height="812" alt="image" src="https://github.com/user-attachments/assets/e282e51d-15f9-4e0d-b313-57ae5203bdc0" /\>
> 
> 
> After:
> \<img width="1919" height="924" alt="image" src="https://github.com/user-attachments/assets/ec47434b-1787-43a2-b1fb-83c8bcd7e4cf" /\>
> 
> \<img width="413" height="815" alt="image" src="https://github.com/user-attachments/assets/67bd0802-f725-44e7-8baa-07bb914725b8" /\>

| 之前 | 之后 |
| --- | --- |
| ![image](https://global.discourse-cdn.com/meta/original/4X/6/7/e/67e78035f6bb92d582e826f72ff4b020ab5a8dca.png) | ![image](https://global.discourse-cdn.com/meta/original/4X/c/9/e/c9e2f96c446d57f37846a19974320b6a8833d08d.png) |

---

<div class="post-metadata">

**Author:** ![small-lovely-cat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/small-lovely-cat/32/553546_2.png) [@small-lovely-cat](https://meta.discourse.org/u/small-lovely-cat)\
**Post date:** [2026年二月12日 05:08 UTC](https://meta.discourse.org/t/ux-fix-reviewable-select-kit-covered-by-the-next-review-item/395858/3 "2026-02-12T05:08:43Z")

</div>

另外，看起来这两个拉取请求（PR）已经过时了，请花时间查看一下。

> <https://github.com/discourse/discourse/pull/37025>
>
> When category moderators use review panel and encounters an edited topic/post, t…he clicking on the edit-history button will result in a dialog showing invalid\_access.
> 
> \<img width="690" height="143" alt="image" src="https://github.com/user-attachments/assets/4dda617b-6672-4b0c-a4fa-121a66a05308" /\>
> 
> \<img width="694" height="247" alt="image" src="https://github.com/user-attachments/assets/4478b9c5-3766-4745-974a-73934e23b0dc" /\>
> 
> This commit allows category moderators to view the edit-history in the certain category they moderate, so as to solve this problem, as well as changing the description for the setting \`edit\_history\_visible\_to\_public\` to match this change.

> <https://github.com/discourse/discourse/pull/37400>
>
> This is a minor UX fix.
> 
> For these steps:
> 
> If user is using a windowed disco…urse page, and expanded the nav of post-control. When there are enough buttons, the buttons will overflow the post container.
> 
> Before:
> 
> \<img width="809" height="125" alt="image" src="https://github.com/user-attachments/assets/f6cfdd82-527b-4b4b-bbaf-fcd2de63a526" /\>
> 
> After:
> \<img width="793" height="109" alt="image" src="https://github.com/user-attachments/assets/61e1f495-292c-4fd0-8021-0920a58aec29" /\>

---

<div class="post-metadata">

**Author:** ![tannerabread](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tannerabread/32/526153_2.png) [@tannerabread](https://meta.discourse.org/u/tannerabread)\
**Post date:** [2026年八月12日 20:54 UTC](https://meta.discourse.org/t/ux-fix-reviewable-select-kit-covered-by-the-next-review-item/395858/5 "2026-08-12T20:54:20Z")

</div>