# 用户删除弹窗中过长的按钮标签被截断

**URL:** <https://meta.discourse.org/t/truncated-very-long-button-label-on-user-deletion-modal/401116>\
**Category:** UX\
**Tags:** mobile\
**Created:** [2026年四月21日 09:40 UTC](https://meta.discourse.org/t/truncated-very-long-button-label-on-user-deletion-modal/401116 "2026-04-21T09:40:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [2026年四月21日 09:40 UTC](https://meta.discourse.org/t/truncated-very-long-button-label-on-user-deletion-modal/401116/1 "2026-04-21T09:40:52Z")

</div>

不确定该如何改进：

 ![Screenshot20260421092659Chrome](https://global.discourse-cdn.com/meta/original/4X/5/e/4/5e4bbbd842f46ea6916d3eb7a58caf9cf5bfa9c8.jpeg)

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2026年四月21日 15:47 UTC](https://meta.discourse.org/t/truncated-very-long-button-label-on-user-deletion-modal/401116/2 "2026-04-21T15:47:34Z")

</div>

是的，最简单的方案是修复那个一次性大按钮的样式……但即便如此，按钮里放这么多文字还是有点奇怪。

如果再多花一点精力，我认为有机会让这一流程的体验更加清晰。

我们可以将删除操作改为下拉菜单：

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/a/9/6a9d80144ccdc3422adac7b6145e924f8c9fa557.png)

然后在用户选择某个选项后，再显示确认提示：

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/3/a/63a708bdd867dae4a291115adeb75c27d877cbd3.png)

这是一个小小的反转：原本的操作是“点击删除，然后通过选择类型来确认删除”，现在改为“先选择要删除的类型，再确认该操作”。

> <https://github.com/discourse/discourse/pull/39413>
>
> This avoids a very long deletion button in a dialog by moving it to a select-kit… menu with description text instead. This avoids the long button and allows the dialog that warns on delete to be more focused.
> 
> This also flips the confirmation order slightly, which I think is better UX. 
> 
> Previously we'd do:
> 
> \> click delete -\> confirm by choosing one of two types type of deletion 
> 
> Now it's 
> 
> \> click delete -\> select one of two types -\> confirm  
> 
> 
> 
> Before: 
> \<img width="500" alt="image" src="https://github.com/user-attachments/assets/e62cba26-78ee-46eb-b432-6584de5d5fdf" /\>
> 
> 
> 
> \<img width="350" alt="image" src="https://github.com/user-attachments/assets/985cf650-22a4-4a34-b636-f45cc1f6cb6c" /\>
> 
> After: 
> \<img width="450" alt="image" src="https://github.com/user-attachments/assets/d11ce3c9-d40b-4458-9954-795bda5a9e0a" /\>
> \<img width="425" alt="image" src="https://github.com/user-attachments/assets/c8ee162e-48b2-4584-ae4a-36ca10addc29" /\>
> \<img width="500" alt="image" src="https://github.com/user-attachments/assets/ce5ceda9-bf03-4f12-a25f-99a42e939a60" /\>

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2026年四月21日 15:55 UTC](https://meta.discourse.org/t/truncated-very-long-button-label-on-user-deletion-modal/401116/3 "2026-04-21T15:55:12Z")

</div>

启用现在不再隐藏的永久删除功能时显示的此按钮也存在同样的问题吗？

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/2/f/12fd5dedd5e901a04aecaa87878bf6d5e18d24d1.png)

---

<div class="post-metadata">

**Author:** ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)\
**Post date:** [2026年四月21日 16:29 UTC](https://meta.discourse.org/t/truncated-very-long-button-label-on-user-deletion-modal/401116/4 "2026-04-21T16:29:44Z")

</div>

由于描述中已经包含了相当清晰的措辞，这个按钮完全可以只写“我理解”，而不必写“是的，我理解永久删除的数据无法恢复”。