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
Ship Agents Faster Icon
Ship Agents Faster

Transform your applications and workflows into powerful agentic systems at global scale.

Gemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
Get Started Free
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