I’ve a drop-down menu that’s mounted and occupies the complete display screen. When seen it ought to fully obscure the content material beneath it.
The beneath CSS is working for this on all desktop browsers:
.fixed-menu {
place: mounted;
prime 0;
left: 0;
}
Nonetheless, generally when you’ve scrolled up or down on the web page on Safari on iOS the highest of the drop-down will likely be ~1px down from the highest and you’ll see a sliver of the content material beneath, which appears very undesirable.
Tiny hole between prime and glued dropdown
Aside from this the mounted place is working completely on iOS, and it solely happens after scrolling a bit, and resolves in the event you scroll additional – it’s a bizarre bug I can’t appear to trace down!
The way it’s presupposed to look/appears when subject not current
