When the contents of this component changes, it does not update the display

[PhilAndrew]

You should use a MutationObserver
https://developer.mozilla.org/en/docs/Web/API/MutationObserver

If the contents of the web component changes, for example the

        <li value="1" selected>Item 1</li>
        <li value="2">Item 2</li>
        <li value="3" selected>Item 3</li>
        <li value="4">Item 4</li>

If I used Javascript to change the contents of this to

        <li value="1" selected>Item 1</li>
        <li value="2">Item 2</li>

Then it should update the displayed data again. So if I use javascript to change the contents then it should update again.

[PhilAndrew]

refer to pull request #3