Weird shadow box behaviour (not showing) on mobile text input field

Design help Layout & Design
1

Hi there,

I am experiencing some weird behaviour on mobile (iOS). On desktop everything is working fine. The shadow I’ve given to my form input fields is not showing on mobile Safari, Chrome and Firefox. I’ve added the shadow box through an extra class and also tried putting it directly on the input itself but it didn’t work either.

Hope someone can give a look at it.

I am using Finsweet Attributes btw for the active state with class .is-active-inputactive

Thanks!

  • Silvan

Here is my site Read-Only: LINK

2

I just found this amazing post from @grantsenior which solved the issue: Box-shadow not working properly in iOS? :pray: