ionic-team / ionic-team/ionic-docs

Vanilla Javascript Reload (Astro View Transitions)

未关闭
#3,659 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
triage
主要语言
MDX
星标
621
派生
3.2k
平均合并
1 天 2 小时
30 天内合并 PR
86

描述

### 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.

贡献指南

打开贡献指南

调研方向

Start with the CDN page at https://ionicframework.com/docs/intro/cdn and Astro's View Transitions lifecycle-events guide. Reproduce the behavior across a transition, then determine whether Ionic or Astro owns reinitialization; the issue is complete when the ownership and supported next step are clear.

由索引模型根据 Issue 内容生成。

评估

技术栈
javascript
领域
frontend, web-dev
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
25/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。