: The Dialog Element
developer.mozilla.org
: The Dialog Element
1–10 of 160 posts
Re: <dialog>: The Dialog Element
#2Re: <dialog>: The Dialog Element
#3Re: <dialog>: The Dialog Element
#4But my biggest let-down with the element is that it's comnpletely unstyled, beyond a very basic (and very un-Chrome-like) thick black line pixel border with sharp edges. Whereas my-hope-and-expectation (and indeed: what got me interested in in the first place) was that I was hoping that the browser itself would provide for a lot of the tedium involved in UI dialog dev-work in-general, especially for things like automaticallyt conforming to the host OS' conventions on dialog/window layout and placement: I was hoping that I could mark-up an actual semantic model of a dialog and the browser would do the hard-work of making it look like a real native macOS (or iOS) - or Windows - dialog resource.
I was also hoping that, because open elements exist in a distinct top-level layer, that they might even able to escape the bounds of the browser viewport, which would provide real value to the end-user in a lot of places (e.g. no-one wants an unmovable popup or modal-dialog that completely obscures the user's view of an underlying document (like macOS's old "Sheets" dialogs) - so another false-hope of mine got popped that day.
-----
I get the feeling that browser vendors would all like to see us stop using `alert()`, `prompt()` and `confirm()` in JavaScript (because they block the JS/main thred), but the same browser-vendors really haven't come-up with an adequate replacement: the beeauty of alert/prompt/confirm is that their API is incredibly simple yet effective and also doesn't require the proggrammer to have any UI design-skills; I don't understand why browsers still don't offer a non-blocking Promie-based API for alert/prompt/confirm instead of them trying, in vain, to convince us that is better in every situastion when it clearly isn't. ]
Re: <dialog>: The Dialog Element
#5Re: <dialog>: The Dialog Element
#6I started using in 2019, even though Firefox and Safari wouldn't support it for another couple of years, but Google's own Polyfill (of which I am a very modest contributor) was top-notch quality and so I had no problems using it in production for my LoB SaaS day-job. But my biggest let-down with the element is that it's comnpletely unstyled, beyond a very basic (and very un-Chrome-like) thick black line pixel border…
And it can't be styled without JavaScript? That's how it works with . So utterly frustrating.
Re: <dialog>: The Dialog Element
#7I started using in 2019, even though Firefox and Safari wouldn't support it for another couple of years, but Google's own Polyfill (of which I am a very modest contributor) was top-notch quality and so I had no problems using it in production for my LoB SaaS day-job. But my biggest let-down with the element is that it's comnpletely unstyled, beyond a very basic (and very un-Chrome-like) thick black line pixel border…
> But my biggest let-down with the element is that it's comnpletely unstyled And it can't be styled without JavaScript? That's how it works with . So utterly frustrating.
Edit: Example: https://gist.github.com/fzzzy/f5f1af66ee8fff478ffb3698ac9f80...
Re: <dialog>: The Dialog Element
#8Why is this on the front page? It is nothing special
> This page was last modified on Oct 29, 2024
Re: <dialog>: The Dialog Element
#9Why is this on the front page? It is nothing special
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_att...
Re: <dialog>: The Dialog Element
#10Earlier quoted context omitted.
> But my biggest let-down with the element is that it's comnpletely unstyled And it can't be styled without JavaScript? That's how it works with . So utterly frustrating.
It can be styled with css. Edit: Example: https://gist.github.com/fzzzy/f5f1af66ee8fff478ffb3698ac9f80...