Translucent tab-bar & hidden content

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?

image