ilyagr/index.html

## index.html
<html><body><script type="module">

import { html, render } from "https://unpkg.com/lit-html@1.1.0?module";

function _selector(values) {
  return html`
    <select>
      <option value="">Choose one:</option>
      ${values.map(
        k =>
          html`
            <option>${k}</option>
          `
      )}
    </select>
  `;
}

// 2 => 6 => 7 => 3

class MyWidgetBug {
  constructor() {
    this.state = false;
  }

  refresh() {
    render([html`
              <input
                type="checkbox"
                @change=${e => {
                  this.state = e.target.checked;
                  this.refresh();
                }}
              >`,
            this.state ? _selector([1, 2, 3])
                       : _selector([5, 6, 7])
          ],
          document.body
    );
  }
}

new MyWidgetBug().refresh();

</script></body></html>
	<html><body><script type="module">

	import { html, render } from "https://unpkg.com/lit-html@1.1.0?module";

	function _selector(values) {
	return html`
	<select>
	<option value="">Choose one:</option>
	${values.map(
	k =>
	html`
	<option>${k}</option>
	`
	)}
	</select>
	`;
	}

	// 2 => 6 => 7 => 3

	class MyWidgetBug {
	constructor() {
	this.state = false;
	}

	refresh() {
	render([html`
	<input
	type="checkbox"
	@change=${e => {
	this.state = e.target.checked;
	this.refresh();
	}}
	>`,
	this.state ? _selector([1, 2, 3])
	: _selector([5, 6, 7])
	],
	document.body
	);
	}
	}

	new MyWidgetBug().refresh();

	</script></body></html>