live-region-elem-reparent.html | Explore in Territory

<!--
@WIN-DENY:*
@WIN-ALLOW:IA2_EVENT_TEXT_INSERTED*
@UIA-WIN-DENY:*
@UIA-WIN-ALLOW:Text_TextChanged*
-->
<!DOCTYPE html>
<html>
<body>
<button onclick="onClick();">Click</button>
<div id="something" style="display: none;"></div>
<span aria-live="polite">
  <p id="message" style="position:absolute"></p>
</span>

<script>
  function go() {
    document.querySelector('button').click();
  }

  function onClick() {
    /* The <p> to gets reparented and updated text at the same time */
    var something = document.querySelector('#something');
    something.style.display = 'block';
    var message = document.querySelector('#message');
    message.textContent = 'This is important!';
  }
</script>
</body>
</html>

chromium/content/test/data/accessibility/event/live-region-elem-reparent.html