Astro fails to hydrate svelte component in Safari 13. about astro HOT 4 OPEN

Is this in dev? In dev you should be using the latest browser possible as the code isn't transpiled to lower browser targets for performance (by Vite). The error is likely due to Safari not recognizing ?.. If you want to test lower browser versions, you should build your project first, and make sure you have the proper browser targets set, e.g. vite.build.target (only covers syntax support, not polyfills).

from astro.

The bug is observed in both production build and dev. I'm trying to use astro for a website that I'm working on which is displayed in WKWebview of an iOS project. The minimum support version of this iOS project is iOS 13 which uses Safari 13.

Regarding polyfills, could you redirect me to relevant documentation which would help me achieve polyfill in this case so that I can support Safari 13 as well?

from astro.

Can you reduce this down further? There's probably a specific feature that's not working on Safari, outside of Svelte.

from astro.

Regarding polyfills, could you redirect me to relevant documentation which would help me achieve polyfill in this case so that I can support Safari 13 as well?

AFAIK Astro doesn't have an ootb way to add polyfills. @vitejs/plugin-legacy also doesn't work well with SSR frameworks. You may want to use core-js and manually import some polyfill modules for old browsers. Or use https://polyfill.io but some had reserves about it as it was sold to a company.

from astro.