min-height: 100vh buggy in safari (iOS)

[diaasaur]

min-height: 100vh was added to make sure that the minimum height of the app (root) takes 100% of the viewport height BUT looks like webkit has issues with this - I see additional height being added, which is does not look good. this is a known issue and I thought min-height: 100dvh might fix it, but it did not.

need to do research on:

• why webkit behaves this way
• how to reliably fix it (look into why dvh did not work here, try out height:-webkit-fill-available;)
• prefer a css fix instead of using js