Firefox Android regression with env(safe-area-inset-bottom) affecting daisyUI dock/bottom UI

[t-lecoublet]

I’m opening this as a discussion first because I strongly suspect this is a Firefox Android regression rather than a daisyUI issue.

On recent Firefox Android versions, the dock component appears to get an unexpectedly large bottom spacing, seemingly related to env(safe-area-inset-bottom).

The issue does not reproduce for me on Tailwind Play, but it does reproduce in a real mobile browser context with a completely standalone index.html. (cdn inside 5.5.19 || 5.5.20)

Using the very first example from the daisyUI dock documentation is enough to reproduce the issue on Firefox Android:
https://daisyui.com/components/dock/#dock

Has anyone else noticed this recently on Firefox Android?

[saadeghi]

Thanks for reporting.

Which version of Firefox Android is this?
Can you check an older version to identify if this is indeed a recent Firefox issue?

[t-lecoublet]

I tested a few versions and it seems to regress starting with Firefox Android 150.

Works correctly:

• 148.0.2
• 149

Broken:

• 150.0.1
• 150.0.2
• 150.0.3
• 151.0.1
• 151.0.2
• 151.0.3