Hello world!

  1. In the console, you will first see one slotchange event being processed. This is the slotchange event for the "Hello world!" text. There is no slotchange event for fallback nodes, but there is a slotchange event when nodes are transposed into an element when the element is first declared.
  2. After the initial slotchange event, you will see the content of the slot with the fallback nodes being logged.
  3. After 2000ms, you will see a second slotchange event. This slotchange event occurs as second node is appended in the lightDOM and then transposed into the green-frame shadowDOM.
  4. After 4000ms, you will see a third slotchange event. This slotchange event occurs as the order of the transposed nodes change.
  5. In Safari browsers (IOS todo), the initial slotchange event is *not* dispatched. This is a bug in the old Safari browsers.