スマホ版Microsoft Edgeの「完全に削除」ポップアップウィンドウが狭すぎる

zogstrip · 2026 年 5 月 11 日午後 8: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	4	494	2024 年 11 月 21 日
Delete user modal shows HTML for delete and block button UX	0	83	2025 年 2 月 5 日
Truncated very long button label on user deletion modal UX mobile	3	66	2026 年 4 月 21 日
Such a tiny window to edit here on a cell phone UX composer	38	2119	2026 年 6 月 8 日
When a Wiki Post is edited then have problems maintaining the correct width on mobile devices UX	2	1027	2018 年 2 月 6 日

スマホ版Microsoft Edgeの「完全に削除」ポップアップウィンドウが狭すぎる

関連トピック