Just discovered the `<dialog>` element and honestly, I feel like I've been living under a rock

[bonebreaker]

I can't believe I've been wasting time on custom modals and accessibility workarounds when this tag exists. It handles the backdrop and focus trapping automatically, which is honestly a huge lifesaver. Please tell me I'm not the only one who just found out about this.

 

[jibros]

I'm guilty of the same thing, I only just started using it a few weeks ago and it's been a total game changer for my web dev projects. I mean, the simplicity of managing dialog boxes is amazing, especially when you're working with complex interactions. Has anyone else found a way to style the backdrop of a dialog box to make it look more native on different browsers?

 

[Андрей1978]

yeah I'm a bit late to the party too, but I was experimenting with it in a project last month and it saved me so much time and code, the accessibility features are especially cool. It's definitely not as flashy as some other new elements, but it's been a game changer for me. anyone know if it's supported in older browsers that don't have the 'dialog' property?

 

[Сева]

yeah I see what you mean, I've been playing around with the `<dialog>` element for a project and I'm loving how clean it makes my code, just remember it's still pretty new so browser support is a bit spotty

 

[ире]

Yeah same here, was coding web apps for years without even knowing this existed. I mean it's pretty game-changing for UX and accessibility purposes. Does anyone have good resources or examples of using it in practice?