vscode-edge-devtools icon indicating copy to clipboard operation
vscode-edge-devtools copied to clipboard

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

Open mwindowshz opened this issue 11 months ago • 1 comments

Environment (please complete the following information):

  • OS (e.g., Windows 10):
  • Extension version (e.g., 1.2.3):

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

mwindowshz avatar Mar 24 '24 09:03 mwindowshz

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.

captainbrosset avatar Mar 25 '24 08:03 captainbrosset