I’m trying to get a translucent tab-bar to work.
I’ve set --offset-bottom: 56px on the ion-content, but this hides all the elements, at least the 56px bottom of it.
How do I have a translucent but fix this visible issue?
I tried --offset-bottom: -50px and while this works, my tab bar is no longer translucent. I found this article that I thought would help, and while it does work, I need to add a minimum of 650px to the bottom padding. This is not ideal for other pages like modals as it adds 650px of wasted space at the bottom of the content.
I have yet to find a solution to this but looking forward to one so if you figure this out, please share.