Janela de confirmação 'Excluir permanentemente' no navegador Microsoft Edge para celular muito estreita

zogstrip · Maio 11, 2026, 8:08pm

Obrigado pelo relatório @sniper756 Isso será corrigido por

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" />

Tópico		Respostas	Visualizações
Discard or keep editing pop up on mobile UX composer	4	494	21 de Novembro de 2024
Delete user modal shows HTML for delete and block button UX	0	83	5 de Fevereiro de 2025
Truncated very long button label on user deletion modal UX mobile	3	66	21 de Abril de 2026
Such a tiny window to edit here on a cell phone UX composer	38	2119	8 de Junho de 2026
When a Wiki Post is edited then have problems maintaining the correct width on mobile devices UX	2	1027	6 de Fevereiro de 2018

Janela de confirmação 'Excluir permanentemente' no navegador Microsoft Edge para celular muito estreita

Tópicos relacionados