From 5a34052549897e967507307fb59b37bc1ce7c088 Mon Sep 17 00:00:00 2001 From: Grandschtroumpf Date: Tue, 8 Jul 2025 11:08:28 +0200 Subject: [PATCH 1/2] fix(view-transition): rename qwik-router-spa to qwik-navigation --- .../docs/src/routes/docs/cookbook/view-transition/index.mdx | 2 +- packages/qwik-router/src/runtime/src/qwik-router-component.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/docs/src/routes/docs/cookbook/view-transition/index.mdx b/packages/docs/src/routes/docs/cookbook/view-transition/index.mdx index e4ae6c9bb2b..32e957d2b8b 100644 --- a/packages/docs/src/routes/docs/cookbook/view-transition/index.mdx +++ b/packages/docs/src/routes/docs/cookbook/view-transition/index.mdx @@ -165,7 +165,7 @@ export default component$(() => { }); ``` -When listening on the `qviewTransition` we know that +When listening on the `qviewtransition` we know that > **Note**: For it to work correctly, we need to **remove the default view transition** animation else it happens on top of the `.animate()`. I'm using `view-transition-class` which is only working with Chrome right now. diff --git a/packages/qwik-router/src/runtime/src/qwik-router-component.tsx b/packages/qwik-router/src/runtime/src/qwik-router-component.tsx index a3b729afd25..3ec51f06bc3 100644 --- a/packages/qwik-router/src/runtime/src/qwik-router-component.tsx +++ b/packages/qwik-router/src/runtime/src/qwik-router-component.tsx @@ -130,7 +130,7 @@ export const QwikRouterProvider = component$((props) => { useStyles$(` @layer qwik { @supports selector(html:active-view-transition-type(type)) { - html:active-view-transition-type(qwik-router-spa) { + html:active-view-transition-type(qwik-navigation) { :root{view-transition-name:none} } } From 2bea653b6bcd557943bca3c6a1b09e6757f30560 Mon Sep 17 00:00:00 2001 From: Grandschtroumpf Date: Tue, 8 Jul 2025 11:11:56 +0200 Subject: [PATCH 2/2] add changeset --- .changeset/angry-boats-lose.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/angry-boats-lose.md diff --git a/.changeset/angry-boats-lose.md b/.changeset/angry-boats-lose.md new file mode 100644 index 00000000000..22add4b4ade --- /dev/null +++ b/.changeset/angry-boats-lose.md @@ -0,0 +1,5 @@ +--- +'@qwik.dev/router': patch +--- + +Bugfix - rename the view transition type in CSS to prevent default view transition on SPA navigation