search

microsoft / vscode-edge-devtools

A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging. Get it now at http://aka.ms/devtools-for-code
https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension
MIT License
744 stars 249 forks source link

HTML drop down data list not displayed in vscode edge, but shows in real edge brwoser #2085

Open mwindowshz opened 5 months ago

mwindowshz commented 5 months ago

Environment (please complete the following information):

Describe the bug:

I have been using the extention and trying to create a drop down list but it was not working. I had an empty list place holder with an arrow but nothing will open or show options Using the real edge browser the list opened as it should Repro steps:

<input type="text" list="Suggestions" multiple />
<datalist id="Suggestions">
  <option>option 1</option>
  <option>option 2</option>
  <option>option 3</option>
</datalist>

Expected behavior:

display a drop down list with values inside. not just a input field with an arrow but nothing opens up and no search capabilities.

Additional context:

AB#49638957

captainbrosset commented 5 months ago

Unfortunately this is a limitation of the embedded browser preview. The embedded browser preview isn't a real browser, but only a screencast of the rendering of the browser, streamed into VSCode. As such, it doesn't support all the user interactions that a normal browser window does.

That said, datalist interactions feel like they should work. So I'll mark this issue as a bug and make sure it shows up on our backlog.

Thanks for filing.