<html>
<head>
    <style id='style'>
        * {
            all: revert;
        }
    </style>
    <script>
      window.addEventListener('load', () => {
        const style_0 = document.getElementById('style')
        const style_1 = document.createElement('style')
        document.head.appendChild(style_1)
        style_1.sheet.insertRule(`* { position: absolute; scroll-padding-inline: 3195984415.1022196vh }`, 0)
        style_1.sheet.insertRule(`*::first-line { border-left-color: transparent }`, 0)
        style_1.sheet.insertRule(`* ~ * { display: contents }`, 0)
        const xhr = new XMLHttpRequest()
        xhr.open('POST', 'FOOBAR', false)
        xhr.send()
        style_0.innerHTML = '<div></div>'
      })
    </script>
</head>
<ol hidden>
    <li>
    <li contenteditable='true'></li>
</ol>
</html>