dialog-polyfill.js is a polyfill for dialog and form method="dialog". Dialog is an element for a popup box in a web page, including a modal option that will make the rest of the page inert during use. This could be useful to block a user's interaction until they give you a response, or to confirm an action. See the HTML spec. This polyfill works on modern versions of all major browsers. It also supports IE9 and above. It can work when used inside Shadow DOM, but it's not recommended. The major limitation of the polyfill is that dialogs should not have parents that create a stacking context. The easiest way to solve this is to move your dialog element to be a child of body.

Features

  • Polyfill for the HTML dialog element
  • Create your dialog elements within the document
  • Use your dialog elements
  • You may optionally install via NPM
  • Script global examples
  • Position a dialog in the center (regardless of user scroll position or stacking context)

Project Samples

Project Activity

See All Activity >

Categories

HTML/XHTML

License

BSD License

Follow dialog-polyfill.js

dialog-polyfill.js Web Site

Other Useful Business Software
Demo Series - Small Business Backup By Veeam Icon
Demo Series - Small Business Backup By Veeam

Learn how to protect your Microsoft 365 data, with simple, actionable tips today.

Watch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
Watch Demo Series
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of dialog-polyfill.js!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript HTML XHTML

Registered

2023-04-20