Attribute names don't accept Alpine.js directives

[wyaeld]

alpine.js has directives expressed in html attribute like

<div x-data="{ sidebarOpen: false }" @keydown.window.escape="sidebarOpen = false">

The problem is the @ prefix on the 2nd attribute. This appears to be the same as #118 which is also unresolved.

Both issues appear valid according to the html spec referenced in #118, but kotlinx.html is silently discarding them

[wyaeld]

@cy6erGn0m would it be hard to fix both of these?

[wyaeld]

This can be worked around a longer form, which looks like

attributes["x-on:keydown.window.escape"] = "sidebarOpen = false"

instead of

attributes["@keydown.window.escape"] = "sidebarOpen = false"

but the later is still valid to the html spec, so whether is should be supported is the question

[lgwillmore]

Any news on this?

There are many frameworks which have this syntax

[cies]

For sake of completing this issue: Alpine.js' :class attribute also does (did) not go well with kotlinx.html. It results in a Tag div has invalid attribute name :class error. The work around in that case was using x-bind:class instead.