electron / electron

:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

Home Page:https://electronjs.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug]: Datalist rendering on macOS broken

Kilian opened this issue · comments

Preflight Checklist

Electron Version

19, 20

What operating system are you using?

macOS

Operating System Version

Monterey 12.4

What arch are you using?

x64

Last Known Working Electron version

19.0.0-alpha.3

Expected Behavior

Datalist is rendered below associated input, and words are not cut off

Actual Behavior

From Electron 19.0.0-alpha.4 on, the words are cut off at the bottom. This issue isnt present in 19.0.0-alpha.3, though the datalist overlay is still rendered in the wrong place (it seems due to it being rendered based on the offset from the webFrame, but placed on top of the webContents.)

Screenshot 2022-06-27 at 13 17 10

Testcase Gist URL

https://gist.github.com/1525a4d39d33bc46eb033af6ebcf51c1

Additional Information

The Gist loads a codepen with a datalist ( https://codepen.io/leorapirap/pen/ZBrBMx ) If you open that in chrome regular, or electron 18, the datalist dropdown looks good.