手机微软edge浏览器“永久删除”弹出窗口太窄

zogstrip · 2026 年5 月 11 日 20:08

感谢你的报告 @sniper756 这个问题将通过以下链接修复：

github.com/discourse/discourse

UX: Migrate permanently-delete confirmation to DModal (#39896)

main ← permanently-delete-dmodal

opened 08:08PM - 11 May 26 UTC

ZogStriP

+238 -250

The "Permanently delete" confirmation was rendered through the legacy dialog ser…vice, which hard-coded `width: 25vw` on the container. On narrow mobile viewports (e.g. Edge at ~320px) that collapsed to ~80px, clipping the modal and rendering the danger button unusable. Rebuild the confirmation as a proper DModal so it picks up responsive sizing, mobile keyboard handling, and footer wrapping for free. - Add `components/modal/permanently-delete-confirm.gjs` with the type-to-confirm input, btn-danger confirm, cancel, and the easter egg. - Update the two call sites (`controllers/topic.js`, `components/modal/history.gjs`) to invoke it via `modal.show(...)` instead of `dialog.confirm(...)`, and delete the now-unused `dialog-messages/permanently-delete-confirm.gjs`. - Move the related styles to `.permanently-delete-confirm-modal` in modal.scss, drop the 25vw width override, and allow the long danger label to wrap so it no longer overflows on small screens. - Replace the dialog-holder coverage with a dedicated `PermanentlyDeleteConfirm` page object and route the system specs through it. https://meta.discourse.org/t/402663 **BEFORE** <img width="402" height="690" alt="2026-05-11 @ 20 05 10" src="https://github.com/user-attachments/assets/fb9dbfa7-4070-4557-87ea-0c73dc2be728" /> **AFTER** <img width="410" height="693" alt="2026-05-11 @ 20 04 03" src="https://github.com/user-attachments/assets/ab975c45-d4aa-43e5-80dc-67578da2f25d" />

话题		回复	浏览量
Discard or keep editing pop up on mobile UX composer	5	466	2024 年11 月 22 日
Delete user modal shows HTML for delete and block button UX	1	64	2025 年2 月 5 日
Truncated very long button label on user deletion modal UX mobile	3	55	2026 年4 月 21 日
Such a tiny window to edit here on a cell phone UX composer	37	1975	2024 年1 月 3 日
When a Wiki Post is edited then have problems maintaining the correct width on mobile devices UX	3	1018	2018 年2 月 6 日

手机微软edge浏览器“永久删除”弹出窗口太窄

相关话题