Nested map (for cells in a grid) about uhtml HOT 3 CLOSED

Whoops that was it, I had it left over from when I hadn't wrapped it in <div class="canvas"> thanks

from uhtml.

html.node creates a new node each time, but moreover, it doesn't understand arrays ... why are you using it at all, if I might ask?

from uhtml.

in few words, I think you want to rather do this:

render = () => {
  console.log(this._columnRange); // [0, 1]
  console.log(this._rowRange); // [0, 1, 2, 3, 4, 5, 6, 7]

  const canvas = html`
    <div class="canvas" style=${`width:${this._canvasWidth}px;height:${this._canvasHeight}px`}>
      ${this._rowRange.map(
        rowIndex =>
          html`<div>${
            this._columnRange.map(columnIndex => html`<div>cell</div>`
          )}</div>`
      )}
    </div>
  `;

  render(this._root, canvas);
};

or you gotta explain me what you are trying to do ... but in any case, html.node is not meant to be used at all in your case, it's either html.for(...) or just html (recommended).

from uhtml.