نافذة حوارية

أكثر النوافذ المخصّصة معطوبة: يفتحها المستخدم فيبقى التركيز خلفها، ويضغط Tab فيتنقّل في صفحة لا يراها.

وسم <dialog> يحلّ هذا كلّه بلا سطر: showModal() يحبس التركيز داخله، ويجعل ما خلفه غير قابل للوصول، ويغلق بـ Escape، ويُعيد التركيز إلى ما كان عليه عند الإغلاق. لا تكتب ذلك بيدك — الوسم يفعله.

وshow() ليست showModal(): الأولى تفتح نافذة عادية بلا حبس ولا خلفية ولا Escape. الخلط بينهما أكثر خطأ في هذا الوسم.

وما يبقى عليك اثنان: انقل التركيز إلى عنصر مفيد داخلها بعد الفتح، واستمع لحدث close — فهو يقع من الزرّ ومن Escape معًا، فتكتب ردّك مرّة واحدة بدل مرّتين.

ملاحظة على التصحيح: إطار المعاينة معزول أمنيًّا، وحدث close لا يصل داخله. فالفحص هنا يقيس ما يظهر أثره: نوع الفتح، والتركيز، والإغلاق، والخلفية. أما مستمع close فاكتبه — هو الصواب، وستحتاجه في صفحة حقيقية.