MacOS – Large dropdown menus (off expected location)

google-chromemacosui

I have a problem with dropdown menus appearing in really large size, in a wrong location to where it should be on screen (namely below and to the right of the expected location). I have experienced this for over a month on various websites, producing the same result.

clicking the button marked with a red circle, opens the dropdown in the shown size and location
the shown website

I experience this in Chrome on my Macbook Pro 15" and have tested with all extensions deactivated with the same results.

Anybody have an idea of what is going on or what could solve it?

Chrome Version 57.0.2987.133 (Official Build) (64-bit),
macOS: Sierra 10.12.4 (16E195),
MacBook Pro: Retina, 15-inch, Mid 2015

Best Answer

This is a bug in Google Chrome or a compatibility issue between Google Chrome and macOS Sierra 10.12.4.

Safari uses the WebKit engine and Firefox uses the Gecko engine to render web pages, and I've tested each and they load the hiking-biking page you reference just fine in macOS Sierra 10.12.4.

I also tested Chrome visiting the same page and it worked fine in El Capitan but not macOS Sierra 10.12.4.

I'd suggest you send feedback via the Help > Report an issue option.