Custom drop down bar gets cut off on Google Chrome in "Measure" screen

[jaspearias]

Test Device

Hanson

Operating System

Windows 10

Browser

Google Chrome

Problem Description

For phetsims/qa#397
When playing around with the sim in the Measure screen to change the gravity the custom drop down bar gets cut off. The tool box to the right also looks much closer to the ground which could be the reason why the custom drop down bar gets cut off. On this device it only happened on Google Chrome.

Visuals

Troubleshooting Information

Name: ‪Energy Skate Park‬
URL: https://phet-dev.colorado.edu/html/energy-skate-park/1.0.0-dev.4/phet/energy-skate-park_all_phet.html
Version: 1.0.0-dev.4 2019-08-07 21:12:37 UTC
Features missing: touch
Flags: pixelRatioScaling
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36
Language: en-US
Window: 1282x598
Pixel Ratio: 2.5/1
WebGL: WebGL 1.0 (OpenGL ES 2.0 Chromium)
GLSL: WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chromium)
Vendor: WebKit (WebKit WebGL)
Vertex: attribs: 16 varying: 30 uniform: 4096
Texture: size: 16384 imageUnits: 16 (vertex: 16, combined: 32)
Max viewport: 32767x32767
OES_texture_float: true
Dependencies JSON: {}

[jessegreenberg]

Thanks for pointing out. I am really curious why this is happening only in Chrome, though I suspect we want that combobox to open up anyway.

[jessegreenberg]

OK, I am seeing it in Chrome, Firefox and Safari on macOS 10.14.5. That makes me more confortable that this is just a sim issue and not a rendering problem we need to worry about.

[jessegreenberg]

The layout has since changed so the list no longer reaches the navigation bar. I think that looks better for now than having the list go up. If the menu gains vertical space in the future we can change.