Completed
- Introduction
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Build Modals in Minutes with the Dialog Element
Automatically move to the next video in the Classroom when playback concludes
- 1 - Introduction
- 2 - the basics of the dialog element
- 3 - opening the dialog with .show and .showModal
- 4 - adding a button to close the dialog
- 5 - dealing with autofocus
- 6 - make the close button accessible
- 7 - styling them - there are a lot of user agent styles!
- 8 - prevent the page from scrolling when a modal is opened
- 9 - styling the backdrop
- 10 - only add flex or grid on the opened state
- 11 - use case for the .show method
- 12 - overcoming positioning issues that you might run into
