| <!-- |
| The children changed / reorder event is fired an unpredictable number of times. |
| @WIN-DENY:EVENT_OBJECT_REORDER* |
| @UIA-WIN-DENY:StructureChanged* |
| --> |
| <!DOCTYPE html> |
| <html> |
| <body> |
| <p id="p1" aria-label="p1" contenteditable>Paragraph</p> |
| <p id="p2" aria-label="p2" contenteditable>Paragraph</p> |
| <p id="p3" aria-label="p3" contenteditable>Paragraph</p> |
| <div id="d1" aria-label="d1" contenteditable>Div</div> |
| <div id="d2" aria-label="d2" contenteditable>Div</div> |
| <div id="d3" aria-label="d3" contenteditable>Div</div> |
| <script> |
| function go() { |
| document.querySelector('#p1').textContent = 'Modified Paragraph'; |
| document.querySelector('#p2').textContent = ''; |
| document.querySelector('#p3').textContent = 'Before Paragraph After'; |
| document.querySelector('#d1').textContent = 'Modified Div'; |
| document.querySelector('#d2').textContent = ''; |
| document.querySelector('#d3').textContent = 'Before Div After'; |
| } |
| </script> |
| </body> |
| </html> |
