Post

Two cool improvements are coming to <dialog> soon ™️. - button command/commandfor attributes to open dialogs without JS. - closedby attribute to enable light dismiss or disable close on esc (etc)

Is there a shortcut? I’m currently using data-dialog=“open id” and it would be more ergonomic to continue using one attribute. command=“open:id” or similar would be great.

That was discussed as one idea, unfortunately it gets syntactically tricky. If you set .commandForElement to an element without an ID then it sets the attribute to an empty string. So you'd have to have a way to deal with that. It'd also be a novel syntax to parse, so we decided against it.

*grumbles incoherently in HTML*

I'm not 100% on what we've ended up with either, naming and explicitness wise but I'm trying to not let perfect be the enemy of good.

are command and commandfor pretty solid or still subject to change? I see they’ve made it to MDN already. developer.mozilla.org/en-US/docs/W...