Text entry field collapses in size when clicked (only in Safari)

Hi everyone,

I have a weird issue with the email entry form field in my footer.
If I click it in Safari the whole field collapses to just a few px in size.

Does anyone know why this happens?

Kind Regards
Chris


Here is my site Read-Only: https://preview.webflow.com/preview/dealbox-2-0?utm_medium=preview_link&utm_source=dashboard&utm_content=dealbox-2-0&preview=6e9ea4b2000c4d81a59c6ddcf1cf5da1&workflow=preview

Hey Chris,

It looks like the issue is being caused by the parent grid: ‘footer1.1_top-wrapper’. I don’t think you can use Auto-fit for column 2, when column 1 has a flexible unit value (0.75FR).

Instead, if you change column 2 to something like 1.2FR, that should resolve the issue whilst maintaining your footer design.

Not sure why the issue only arises when the text input field is focused in Safari though.

Anyway, hope this helps.

Ryan

1 Like

Thank you so much for your help! This fixed the issue :slight_smile: