datalist-inside-shadow-dom.html | Explore in Territory

<!DOCTYPE html>

<template>
    <datalist id="lang">
        <option value="D">German</option>
        <option value="E">English</option>
    </datalist>
    <input list="lang" value="5">
</template>

<div>This test passes if datalist picker element is shown.</div>
<div id=host></div>

<script>
let host = document.getElementById('host');
let shadowRoot = host.attachShadow({mode: 'open'});
shadowRoot.appendChild(document.querySelector('template').content.cloneNode(true));
shadowRoot.querySelector('input').focus();
</script>

chromium/third_party/blink/web_tests/fast/forms/datalist/datalist-inside-shadow-dom.html