input readonly list-attribute

Fails in rendering an input with attribute ‘list’ user for targeting datalist-element Removing the attribute renders both input and datalist elements, then unconnected and useless of course.

Console message: Cannot assign to read only property ‘list’ of object ‘#<HTMLInputElement>’ at setElementData…

Reproduced in glitch https://glitch.com/edit/#!/wry-autocomplete

import { h, app } from 'hyperapp' // 0.7.1
// import {h, app} from '../hyperapp/index' // 0.8.0, unreleased


const dataList = () =>
  <datalist id='browsers'>
    <option value='Chrome'></option>
    <option value='Firefox'></option>
    <option value='Internet Explorer'></option>
    <option value='Opera'></option>
    <option value='Safari'></option>
    <option value='Microsoft Edge'></option>
  </datalist>

const view = () =>
  <div class='container'>
    <label>Choose a browser from this list:
    <input list='browsers' /></label>
    {dataList()}
  </div>            

app({view})

[marcusasplund]

Yup. I can confirm that it works as expected now. Good work! Updated to 0.8.1 https://glitch.com/edit/#!/wry-autocomplete (Heads up: Glitch is a bit quirky/slow for me atm)

[jorgebucaran]

@marcusasplund I think this is fixed in >=0.8.1. Can you give it a shot? 🙏