And it works great in the sense that it creates the tabs along the top. However, on iOS (and only iOS) it breaks any javascript I’m calling from the header. In my case I have a clickable hamburger menu, title bar and reload button. None of which work after running this code. There are no errors or anything but rather it’s like there’s an overlay over the header bar.
I should point out that I’m also using jQuery Mobile which wants me to use the following html:
The reason I say this is a bug is because according to the documentation, when using type=tab, the default display value is “inline”, but clearly specifying it vs not specifying it makes a difference.
I don’t have a Mac PC so I wasn’t able to debug this to be sure, but it appears that when you don’t specify the display option, the div within which the nav bar sits stretches all the way to the top of the page overlaying anything else that might be there. Again, only on iOS. In my case I’m using an iPhone 6s Plus with iOS version 12.3.1.