HTML <select> element wrongly positioned in windowed mode on Linux

[cztomczak]

Reproducible with hello_world.py, wxpython.py and cefclient examples running CEF Python v58.0 on Linux (Ubuntu 14.04). Also reported by user running Windows 7, but CEF version not provided, probably v57. It seems that it works fine on Mac.

Steps to reproduce:

1. Run example to load Google.com
2. Type "mozilla select element" and click first result
3. Scroll down to the "Examples" section and click on the <select> element
4. Options appear outside the window in the top left corner of the screen

Also reproducible with latest CEF cef_binary_3.3071.1636.g2718da5_linux64_client (cefsimple).

Reported bug upstream: https://bitbucket.org/chromiumembedded/cef/issues/2195/html-element-wrongly-positioned-in

For now a temporary solution would be to replace elements with javascript equivalent, for example try google "jquery select replacement". You can inject custom js code that will do this task in LoadHandler.OnLoadStart (attach it to DOMDocumentLoaded event) or LoadHandler.OnLoadEnd (less reliable). Example of using client handlers is available in Tutorial.

[cztomczak]

This tiny javascript library (20 KB) could be used to transform elements to custom js drop down menus: http://slimselectjs.com/

[cztomczak]

A follow-up on the issue. On Mac <select> boxes do work fine. I have a report by other user that it works fine on Windows 7. Also I don't see no one else reported it in CEF tracker/forum so I guess it's a rare issue and occurs only on some computers.

[BrenBarn]

Strange. What could be causing it to work on some systems and not others?

[cztomczak]

@BrenBarn Do you have latest Updates installed? Does the issue reproduce on your OS in Google Chrome browser at that same version?

[BrenBarn]

You mean latest windows updates? I think so. I don't have Google Chrome installed, but I do have Vivaldi installed and <select> works fine in Vivaldi.

[jgentil]

Is there any workaround for this? I just ran into this error, and it looks like that workaround javascript is defunct now.