dialog-polyfill
dialog-polyfill copied to clipboard
GoogleChrome
Polyfill for the HTML dialog element
I am using it in Angular project and the code snippet looks like this import dialogPolyfill from 'dialog-polyfill'; if (this.dialogBox) { dialogPolyfill.registerDialog(this.dialogBox.nativeElement); this.dialogBox.nativeElement.showModal(); } The dialog is rendered on the...
The corresponding spec change: https://github.com/whatwg/html/commit/22154a4c1d426dddf187fb12c05fbcb8816c94a5
I'm using this polyfill in basically every project now, you guys are life savers, so thanks for that! I tend to use a lot of universal JavaScript frameworks, especially [Next.js](https://nextjs.org/)....
On Firefox, on the console shows this error every time that I close a dialog : ``` Uncaught Error: Failed to execute 'close' on dialog: The element does not have...
As pointed out in https://github.com/GoogleChrome/dialog-polyfill/issues/230, imports on isomorphic scripts fail without any handlers for server-side code. This PR addresses that concern. >EDIT: It's worth noting that the diffs picked up...
First off, thanks for the polyfill. It seems to work. Motive: my app is organized around custom elements, many of which are instantiated directly with `new`. I'm not concerned with...
More elements are needed to correctly manage tab key navigation. This PR adds elements that may receive focus when tabbing. Especially the `` element seems important to include here. But...
Hello, We are using dialog-polyfill in our app (thanks!). We want to properly display the licenses, and are currently incorporating the [webpack-license-plugin](https://github.com/codepunkt/webpack-license-plugin). Unfortunately, the license field in the `package.json` of...
The focus enforcement list of tabbale items (`'button', 'input', 'keygen', 'select', 'textarea'`) should also include anchors with that have an `href` attribute `a[href]` https://github.com/GoogleChrome/dialog-polyfill/blob/8214290d1ebb1544cc8e11568d7c085ced0eff31/index.js#L244 Should probably be: ```js var opts...
When the dialog is open, notably in `modal` mode, it is possible to still scroll the page behind of the `dialog`. The new and now fairly well supported [`overscroll-behavior`](https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior) CSS...
