vscode-edge-devtools
vscode-edge-devtools copied to clipboard
microsoft
HTML Select tags do not show the dropdown options inside of Edge Devtools in VSCode
Environment (please complete the following information):
- OS (e.g., Windows 10): Win10 64
- Extension version (e.g., 1.2.3): v2.1.1
Describe the bug:
HTML Select tags do not show the dropdown options inside of Edge Devtools in VSCode. If you click them the options aren't displayed but they are focused and you can still select the options using the arrow keys up and down.
Repro steps:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</body>
</html>
Open this in a live server and debug (or just open) with Edge Devtools. Click the dropdown. No dropdown options are displayed, you can only see the active one.
Expected behavior:
All dropdown options are displayed when clicking the dropdown.
Additional context:
It is possible this only happens to me for some hardware specific reason (like me using a pen tablet) but I'm submitting in case it's a real bug.
