can't setting attribute in root element

[bcw104]

the root element in tag files does not support attribute setting:

<todo class="my-theme">

  <!-- layout -->
  <h3>{ opts.title }</h3>

  <ul>
    <li each={ item, i in items }>{ item }</li>
  </ul>

</todo>

[txchen]

+1 to support setting attribute on root el will be useful for styling.

[inetfuture]

+1

[tipiirai]

This should definitely be supported.

Also planning adding some sort of attribute validation to the root attributes.

[lukescott]

Any workaround for this?

<input />
<script type="riot/tag">
  <input onchange={this.changeEvent}>
      this.changeEvent = function() {
          console.log(this);
      }
  </input>
</script>

I have to setup two-way binding with a library and this issue is preventing me from doing so. I think this.root.addEventListener is probably not cross-browser as the onchange event is in Riot.

[tipiirai]

Try following:

<custom-input></custom-input>

<script type="riot/tag">
  <custom-input>
    <input onchange={ changeEvent }>

    changeEvent() {
      console.log(this);
    }
  </custom-input>
</script>

[jzempel]

so @tipiirai, according to your last comment it seems riot will support attributes on the root tag but not events. Is that correct? Do you expect this to change in the future?

[tipiirai]

I think root attributes should be fully supported, but cannot give you any ETA