<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>84635</bug_id>
          <alias>dialog-element</alias>
          <creation_ts>2012-04-23 14:37:12 -0700</creation_ts>
          <short_desc>Implement the dialog element</short_desc>
          <delta_ts>2025-04-03 15:11:24 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>DOM</component>
          <version>WebKit Nightly Build</version>
          <rep_platform>All</rep_platform>
          <op_sys>All</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>FIXED</resolution>
          
          <see_also>https://bugs.webkit.org/show_bug.cgi?id=151885</see_also>
    
    <see_also>https://bugs.webkit.org/show_bug.cgi?id=199839</see_also>
          <bug_file_loc>https://html.spec.whatwg.org/multipage/forms.html#the-dialog-element</bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar, WebExposed</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          <dependson>236322</dependson>
    
    <dependson>84796</dependson>
    
    <dependson>90521</dependson>
    
    <dependson>90670</dependson>
    
    <dependson>90931</dependson>
    
    <dependson>90934</dependson>
    
    <dependson>95946</dependson>
    
    <dependson>103719</dependson>
    
    <dependson>110952</dependson>
    
    <dependson>112085</dependson>
    
    <dependson>113273</dependson>
    
    <dependson>205542</dependson>
    
    <dependson>205543</dependson>
    
    <dependson>226169</dependson>
    
    <dependson>226172</dependson>
    
    <dependson>226175</dependson>
    
    <dependson>227493</dependson>
    
    <dependson>227523</dependson>
    
    <dependson>227534</dependson>
    
    <dependson>227537</dependson>
    
    <dependson>227566</dependson>
    
    <dependson>227800</dependson>
    
    <dependson>227801</dependson>
    
    <dependson>227802</dependson>
    
    <dependson>227872</dependson>
    
    <dependson>227907</dependson>
    
    <dependson>227915</dependson>
    
    <dependson>227986</dependson>
    
    <dependson>228822</dependson>
    
    <dependson>228845</dependson>
    
    <dependson>229042</dependson>
    
    <dependson>229093</dependson>
    
    <dependson>229297</dependson>
    
    <dependson>229315</dependson>
    
    <dependson>229317</dependson>
    
    <dependson>229318</dependson>
    
    <dependson>229330</dependson>
    
    <dependson>229488</dependson>
    
    <dependson>229728</dependson>
    
    <dependson>229815</dependson>
    
    <dependson>230008</dependson>
    
    <dependson>230229</dependson>
    
    <dependson>230230</dependson>
    
    <dependson>230474</dependson>
    
    <dependson>230678</dependson>
    
    <dependson>230680</dependson>
    
    <dependson>230681</dependson>
    
    <dependson>230686</dependson>
    
    <dependson>230690</dependson>
    
    <dependson>230845</dependson>
    
    <dependson>231290</dependson>
    
    <dependson>231292</dependson>
    
    <dependson>231307</dependson>
    
    <dependson>231392</dependson>
    
    <dependson>231721</dependson>
    
    <dependson>231722</dependson>
    
    <dependson>231736</dependson>
    
    <dependson>231741</dependson>
    
    <dependson>231832</dependson>
    
    <dependson>232784</dependson>
    
    <dependson>232911</dependson>
    
    <dependson>232926</dependson>
    
    <dependson>233072</dependson>
    
    <dependson>233099</dependson>
    
    <dependson>233320</dependson>
    
    <dependson>233482</dependson>
    
    <dependson>233514</dependson>
    
    <dependson>233525</dependson>
    
    <dependson>234170</dependson>
    
    <dependson>234442</dependson>
    
    <dependson>234479</dependson>
    
    <dependson>234980</dependson>
    
    <dependson>234984</dependson>
    
    <dependson>235194</dependson>
    
    <dependson>235369</dependson>
    
    <dependson>235836</dependson>
    
    <dependson>236274</dependson>
    
    <dependson>237054</dependson>
    
    <dependson>238425</dependson>
    
    <dependson>240109</dependson>
          <blocked>159753</blocked>
          <everconfirmed>1</everconfirmed>
          <reporter name="Dominic Cooney">dominicc</reporter>
          <assigned_to name="Tim Nguyen (:ntim)">ntim</assigned_to>
          <cc>abarth</cc>
    
    <cc>ap</cc>
    
    <cc>bugzilla</cc>
    
    <cc>cigitia</cc>
    
    <cc>claude.pache</cc>
    
    <cc>code.vineet</cc>
    
    <cc>craig+webkit</cc>
    
    <cc>ddkilzer</cc>
    
    <cc>dmh</cc>
    
    <cc>dpaddock</cc>
    
    <cc>dvpdiner2</cc>
    
    <cc>ebrahim</cc>
    
    <cc>eoconnor</cc>
    
    <cc>ericbidelman</cc>
    
    <cc>falken</cc>
    
    <cc>fede_navarrete</cc>
    
    <cc>fishd</cc>
    
    <cc>fred.wang</cc>
    
    <cc>fweber</cc>
    
    <cc>ian</cc>
    
    <cc>jamesdavidmorris</cc>
    
    <cc>jamie.r.herrera</cc>
    
    <cc>jcraig</cc>
    
    <cc>jond</cc>
    
    <cc>kai.hollberg</cc>
    
    <cc>koivisto</cc>
    
    <cc>matiasnu</cc>
    
    <cc>me</cc>
    
    <cc>mike</cc>
    
    <cc>mtchllvn</cc>
    
    <cc>ntim</cc>
    
    <cc>owp-launch-tracking</cc>
    
    <cc>peter</cc>
    
    <cc>pimvdb</cc>
    
    <cc>priyajeet.hora</cc>
    
    <cc>sander</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>stephen.cunliffe</cc>
    
    <cc>syoichi</cc>
    
    <cc>vertigoback</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>webkit</cc>
    
    <cc>yljia</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>608025</commentid>
    <comment_count>0</comment_count>
    <who name="Dominic Cooney">dominicc</who>
    <bug_when>2012-04-23 14:37:12 -0700</bug_when>
    <thetext>This is part of the HTML5 spec: &lt;http://www.whatwg.org/specs/web-apps/current-work/multipage/commands.html#the-dialog-element&gt;

This manages a stack of dialogs and should let pages show “page modal” UI without resorting to modal dialogs (alert, confirm, prompt) and without the difficulty of managing pop-up windows or in-page divs.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>608351</commentid>
    <comment_count>1</comment_count>
    <who name="Darin Fisher (:fishd, Google)">fishd</who>
    <bug_when>2012-04-23 21:20:05 -0700</bug_when>
    <thetext>Implementation note:  We should make sure that windowed plugins cannot sit on top of a rendered dialog.  Windowed plugins by default cover the rendered page as they are implemented using a native window (e.g., HWND).  To give the illusion of the page being on top, it is necessary to cut-out part of the native window (e.g., using SetWindowRgn).  We already have machinery in WebKit for this as you can position an IFRAME above an EMBED (using CSS Z-index) to cause the IFRAME to occlude the EMBED.  See the getPluginOcclusions function defined in IFrameShimSupport.cpp.  That file would probably need to be renamed.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>609221</commentid>
    <comment_count>2</comment_count>
    <who name="Theresa O&apos;Connor">eoconnor</who>
    <bug_when>2012-04-24 16:21:18 -0700</bug_when>
    <thetext>https://bugs.webkit.org/show_bug.cgi?id=84796 tracks the implementation of the new stacking layer that the &lt;dialog&gt; element depends on.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>662335</commentid>
    <comment_count>3</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2012-07-03 10:24:46 -0700</bug_when>
    <thetext>&lt;rdar://problem/11798655&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>922631</commentid>
    <comment_count>4</comment_count>
    <who name="Antti Koivisto">koivisto</who>
    <bug_when>2013-08-29 13:21:15 -0700</bug_when>
    <thetext>The current implementation was removed in http://trac.webkit.org/changeset/154835</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1160712</commentid>
    <comment_count>5</comment_count>
    <who name="Matt Falkenhagen">falken</who>
    <bug_when>2016-01-31 18:12:57 -0800</bug_when>
    <thetext>FWIW this element was implemented in Chromium &lt;https://www.chromestatus.com/feature/5770237022568448&gt;, but I&apos;m not actively working on it for WebKit. So, I&apos;ll unassign myself.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1177737</commentid>
    <comment_count>6</comment_count>
    <who name="James Craig">jcraig</who>
    <bug_when>2016-03-24 11:56:46 -0700</bug_when>
    <thetext>*** Bug 112753 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1177739</commentid>
    <comment_count>7</comment_count>
    <who name="James Craig">jcraig</who>
    <bug_when>2016-03-24 12:00:48 -0700</bug_when>
    <thetext>Focus keyboard behavior seems reasonably specified, though Chrome&apos;s implementation does not yet support it. We&apos;d need the &quot;Focus Fix-up&quot; rule for FKA and AX.

https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule-three</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1258009</commentid>
    <comment_count>8</comment_count>
    <who name="James Craig">jcraig</who>
    <bug_when>2016-12-08 18:59:41 -0800</bug_when>
    <thetext>See also @inert in bug 165279</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1712707</commentid>
    <comment_count>9</comment_count>
    <who name="Ole Strøm">olestr</who>
    <bug_when>2020-12-08 01:27:08 -0800</bug_when>
    <thetext>https://webkit.org/status/#feature-dialog-element</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1712711</commentid>
    <comment_count>10</comment_count>
    <who name="Ole Strøm">olestr</who>
    <bug_when>2020-12-08 01:44:07 -0800</bug_when>
    <thetext>(In reply to Ole Strøm from comment #9)
&gt; https://webkit.org/status/#feature-dialog-element

Woops. Still figuring Bugzilla out.

What I meant to say, was that I&apos;ve sneakily added Jon Davis to the CC list, in hopes that he might see this, and that he might give us a status on this.

Is this still the main entry/bug for https://webkit.org/status/#feature-dialog-element? Is it actually still &quot;Under Consideration&quot;?

I&apos;d really love to see this added, especially since it seems Firefox&apos;s implementation is nearing public release.

Then it would be just Safari holding us back: https://caniuse.com/dialog
Which I find strange, seeing it would be a huge win for accessibility.

And Apple have a really good track record for accessibility. I&apos;m in AWE each time I see some of the clips in the promos, showcasing that anyone can do advanced stuff, like editing a video!

Stuff like that inspires me to push accessibility hard on the web stuff I create.

Which is why you&apos;re reading this. This dialog element would be a huge win for accessibility, and the need for dialogues is prevalent on the web, especially modern web applications.

I&apos;d love some inputs and thoughts on all of this.
Especially if I just should go ahead and use https://github.com/GoogleChrome/dialog-polyfill until it&apos;s no longer needed, or if there are some better alternatives.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1715081</commentid>
    <comment_count>11</comment_count>
    <who name="Steffen Weber">steffen.weber</who>
    <bug_when>2020-12-16 05:25:53 -0800</bug_when>
    <thetext>The experimental feature &quot;Dialog Element&quot; in Safari 14 doesn&apos;t fire &quot;close&quot; events when closing a dialog. Should I file a separate issue for this?

See https://github.com/GoogleChrome/dialog-polyfill/issues/211</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1715141</commentid>
    <comment_count>12</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2020-12-16 09:41:55 -0800</bug_when>
    <thetext>No; the implementation hasn&apos;t really started.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1759057</commentid>
    <comment_count>13</comment_count>
    <who name="Federico">fede_navarrete</who>
    <bug_when>2021-05-11 14:22:22 -0700</bug_when>
    <thetext>I&apos;m wondering why this has not been implemented. It has been almost a decade since it was requested. I could understand the other topics about privacy but this seems to be basic at this point in time. Any plans if it&apos;s going to be released during this year or the next one?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1773094</commentid>
    <comment_count>14</comment_count>
    <who name="">dmh</who>
    <bug_when>2021-06-28 09:28:05 -0700</bug_when>
    <thetext>(In reply to Federico from comment #13)
&gt; I&apos;m wondering why this has not been implemented. It has been almost a decade
&gt; since it was requested. I could understand the other topics about privacy
&gt; but this seems to be basic at this point in time. Any plans if it&apos;s going to
&gt; be released during this year or the next one?
There is currently an unresolved issue in the specification, relating to which element should gain focus. This is why there hasn&apos;t been a release yet in Firefox. I don&apos;t know if this has slowed Webkit progress, but I imagine a Firefox release would renew interest here. Related links:

  * https://github.com/whatwg/html/issues/1929
  * https://github.com/whatwg/html/pull/4184
  * https://bugzilla.mozilla.org/show_bug.cgi?id=840640</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1794575</commentid>
    <comment_count>15</comment_count>
    <who name="James Morris">jamesdavidmorris</who>
    <bug_when>2021-09-17 13:15:56 -0700</bug_when>
    <thetext>I have designed many Single Page Applications, and with Edge being on Chromium, the dialog element is THE main thing that makes a small simple application framework not be able to be created. Ie, the dialog polyfill is more code than the entire routing/page display mechanism.  

Surly a question of &apos;which element gets focused&apos; can be resolved (after 10 years?)</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1829934</commentid>
    <comment_count>16</comment_count>
    <who name="">dmh</who>
    <bug_when>2022-01-11 15:14:45 -0800</bug_when>
    <thetext>Mozilla are aiming to ship &lt;dialog&gt; support in Firefox 98.

Note that the issue of which element should receive focus has *not* been resolved. However, Firefox compatibility reports (due to lack of &lt;dialog&gt;) suggest it would be better to ship now and potentially amend behaviour later. It&apos;s also observed that the accessibility of hand-rolled dialogs is usually worse than &lt;dialog&gt;, so releasing now would be an improvement.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2108535</commentid>
    <comment_count>17</comment_count>
    <who name="Jamers">jamie.r.herrera</who>
    <bug_when>2025-04-03 10:02:29 -0700</bug_when>
    <thetext>Any updates on Safari?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2108626</commentid>
    <comment_count>18</comment_count>
    <who name="David Kilzer (:ddkilzer)">ddkilzer</who>
    <bug_when>2025-04-03 15:11:24 -0700</bug_when>
    <thetext>This particular issue is considered resolved as of 2022.

If there are any remaining issues, please file new bug reports and relate them to this bug.

Thanks!</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>