DEV Community

21 Mind-Blowing Web Features You Probably Haven't Heard Of

John Rush on June 03, 2023

Hi, I'm John, Multi Startup Builder. I enjoy both coding and marketing. See all my 20 products here → johnrush.me → my BIO → Say Hi to me On Twit...

Read full post

John Rush • Jun 3 '23

credits to twitter.com/fireship_dev

jungar1111 • Jun 9 '23

um dialogs don't work by default. In chrome i get an Uncaught TypeErrorL d1.showmodal is not a function at HTMLButtonElement.onclick. Similar error in Firefox...

any ideas? Didn't see it in the experiemental list.

Jeff Cicero • Jun 16 '23

This worked for me in Chrome, it's show() and not showDialog()

<dialog id="myDialog">
  <p>Some content</p>
</dialog>

myDialog.show()

Jeff Cicero • Jun 16 '23

One more note, apparently the ID appears in global scope as soon as you add it to the document. So be careful about what the ID is - not sure how this jives with anything else in a lexical scope.

The dom ready listener may not be necessary but:

document.addEventListener('DOMContentLoaded', () => {
      myDialog.show();
    });

jungar1111 • Jun 17 '23

oh… .show works… I was using a .showmodal() for some reason

jungar1111 • Jun 17 '23

thanks

Sloan the DEV Moderator • Jun 7 '23

Hi there, we encourage authors to share their entire posts here on DEV, rather than mostly pointing to an external link. Doing so helps ensure that readers don’t have to jump around to too many different pages, and it helps focus the conversation right here in the comments section.

If you choose to do so, you also have the option to add a canonical URL directly to your post.

John Rush • Jun 7 '23

I dont have other version of this post. This is the only version. I put twitter embeds for the videos , so that viewers could watch videos. And actually they can watch videos right here.