In the following path, when you play a music in the Firefox browser on mobile, a player will be displayed in the bottom of view-port, when you work with player some elements will be hided!
I have a such problem with a fixed element which has zero bottom! How do I can fix it?
https://www.qwant.com/music/album/lonny-montem-what-kind-of-music-do-you-play-ep/overview
{ bottom: 0; }
and instead position the element from the top, if its height is set. For example:{ height: 80px; top: calc(100vh - 80px; }
. (Your solution below is a possibility, but as it prevents the address bar from collapsing can be a problem).