I’m facing CSS issues on older Mobile Safari (iPhone 11 and XR). Properties like position: fixed aren’t behaving correctly—header and footer don’t remain fixed; they keep scrolling on these devices.
I also built a custom Tailwind/UESIO component with position: fixed to isolate the issue, but on iPhone 11/XR the behavior is still broken. I need guidance on reliable support for older Safari.
Hello @rbdwt09-
Uesio officially supports “modern” browsers and unfortunately, Safari on iPhone 11/XR does not fall into that category, however most CSS should still work in older browsers.
With that said, there are known issues with Safari on iPhone 11/XR related to position: fixed so the issues that you are likely experiencing have nothing to do with uesio directly, but instead Safari quirks & lack of proper support.
If you absolutely must support the older versions which uesio does not officially support, you may be able to find some workarounds to the Safari issues searching the internet - lots of stuff out there on trying to workaround the Safari iPhone 11/XR limitations & issues.
Hopefully you can find a path to not having to support older browsers or a workaround if you must support them. Again, please keep in mind that uesio itself does not support them.
yes that worked we can close this issue thank you…