Comments (3)
You cannot directly do that, as it's not part of the <dialog>
spec. Dialog exists inside a document, it isn't a separate document like showModalDialog was. Maybe the best way would be to put an <iframe>
in a <dialog>
.
from dialog-polyfill.
Matto, thanks a lot for you reply. I have another confusion please help me in clearing it. Our clients use our application on Internet explorer and firefox. dialog tag is not supported on both as mentioned on w3schools. Some websites say dialog tag will not be the part of HTML 5 specification. Now I am confused should I use this polyfill? If in future these two browsers do not support dialog tag than where will I stand. Our application has around 1000 modal dialogs so what should I do?
from dialog-polyfill.
The point of the polyfill is to allow you to use <dialog>
in browsers that don't implement it. So today you can use <dialog>
natively where available and then fallback to the polyfill for other browsers.
Ideally, you would never need the polyfill. Currently <dialog>
is supported in Chrome and Opera but not other browsers. I've seen positive signals from other browsers but it's unknown when they will add support. For example, Firefox has a bug you can follow; they've also have good developer documentation.
The state of HTML specifications takes some time to explain. The short answer is yes, it is in the HTML spec. The longer answer is, the WHATWG HTML spec has dialog, and the W3C HTML 5.1 spec also has dialog. The W3C decided to put it in HTML 5.1 rather than HTML 5 because of lack of browser support at the time.
from dialog-polyfill.
Related Issues (20)
- backdrop bug with multiple dialogs in safari
- Safari Experimental Feature "Dialog Element" doesn't fire "close" event HOT 3
- Safari 14.0.2 Backdrop and dialog content issue HOT 4
- Too long running function HOT 1
- Safari ignores onclose handler attribute
- Slotted elements which appear within a dialog due to slots but are declared outside of the dialog cannot get focus in Firefox and Safari HOT 2
- Attach css within the script HOT 2
- The "fixed" class no longer positions correctly in Chrome HOT 3
- On Firefox, shows this on console : "Error: Failed to execute 'close' on dialog..." HOT 6
- .
- Polyfill Demo not working in IE11 HOT 1
- Dialog changing from position `absolute` to `fixed`
- Prevent page scrolling while modal dialog is open HOT 3
- BSD is not a valid SPDX License identifier HOT 3
- Consider exporting base class `HTMLDialogElement` for subclassing HOT 2
- No support for imports from isomorphic scripts HOT 3
- Not working in Safari 15.3 HOT 1
- Polyfill injects overlay into <slot> on first render in iOS Safari <15.4 HOT 1
- How to determine if one should load the polyfill
- dialogPolyfill.forceRegisterDialog and browsers with native dialog support
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.