iPad Pro Landscape rendering bug for dropdown menu in .navbar-fixed-top

Created by: deadend5001

I am struggling with the iPad Pro testing. The navbar (aka top menu) doesn't seem to want to cooperate and it seems related to only the iPad Pro...the iPad 2, 4 and Air 2 all work perfectly. I've also tried testing on an Kindle fire and that worked too. The screenshot attached is what happens to the menu when you tap it.

Any advise is much appreciated on how to fix this.

NOTE: this seems to be only related to navbar-fixed-top. The navbar-static-top seems to work OK.

Here's the jsbin link to the source that I've tested is not working with the iPad Pro on Safari or Chrome: https://jsbin.com/dufozatiwi/1/edit?html