ionic-team / ionic-team/ionic-docs

Vanilla Javascript Reload (Astro View Transitions)

Open
#3,659 0 comments 0 reactions 0 assignees View on GitHub
triage
Dominant language
MDX
Stars
621
Forks
3.2k
Avg merge
1d 2h
Merged PRs (30d)
86

Description

### URL

https://ionicframework.com/docs/intro/cdn

### Issue Description

Using Ionic + Capacitor to create a native/web-app with Astro, the current issue is that View Transitions prevents the vanilla Javascript CDNs from reloading again. That throws away the styling that the HTML tag implements for the proper styling if the page is viewed on iOS, Android, or the web. Astro has functions to run scripts at [different points of the transition process](https://docs.astro.build/en/guides/view-transitions/#lifecycle-events) but after looking through the Ionic Component documentation, I don't see a way to re-initialize Ionic. I'm not sure if this is more of an Astro problem or an Ionic problem.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.