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.
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.