Post

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*

@joshwcomeau.com Luke would make a great addition to your web folks starter pack, I think.

This is a great suggestion, but I’m not really familiar with Luke’s work yet. But I’ve started following him, and so maybe I will be soon!

No pressure, Luke 😁

Does the first one mean we’ll also get an “open” event?

I believe @keithamus.social recently landed the spec change for dialogs to get a toggle event, matching popovers and details elements. That event would be fired when the command button is activated.

Yep - we have `beforetoggle` and `toggle` events instead. Shipped in Chrome and Firefox. TBD Safari

Is it really soon or soon™️? Also is command just a rename of invokers? Also when are all the browser gonna support this...I want them now 😭😭😭

I'm going to go with soon™️ to play it safe. Closedby is a newer proposal so might take longer but it's also a hopefully less contentious addition. Command is just invokers yes it's gone through a few revisions since the original plan. Hoping it will be merged into html spec really soon!

Soon™️ generally means not soon 😭 But at least they are coming 😍

Are there any thoughts/decisions on how to deal with arguments to commands?

You can have custom commands where you can make your own microsyntaxes for that sort of thing. They do require JS but would still simplify the logic imo. Generally if the code needs an argument it probably suggests that's where JS should be used. The idea with this is to make simple things simpler.