Skip to content

Commit 1139288

Browse files
martrappmartrapp
committed
fixes
1 parent 206ef31 commit 1139288

7 files changed

Lines changed: 25 additions & 9 deletions

File tree

‎src/components/EpisodePlayer.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@ import EpisodeGrid from "./EpisodeGrid.astro";
133133
e.style.transition = "";
134134
e.style.width = getComputedStyle(e).width;
135135
document.startViewTransition
136-
? document.startViewTransition({update, types:new Set(["same"])})
136+
? document.startViewTransition({update, types:["same"]})
137137
: update();
138138

139139
function update() {

‎src/content/docs/tips/debug.mdx‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,20 @@
11
---
22
title: How to Debug View Transitions
33
descriptions:
4-
---
4+
---
5+
6+
7+
import { Tabs, TabItem } from "@astrojs/starlight/components";
8+
import SmoothTabs from "@/components/SmoothTabs.astro";
9+
10+
11+
<Tabs>
12+
<TabItem label="Astro">
13+
bla
14+
</TabItem>
15+
<TabItem label="Bestro">
16+
bub
17+
</TabItem>
18+
</Tabs>
19+
tada
20+
<SmoothTabs/>

‎src/pages/auto/Auto1.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@ import Layout from "./_Layout.astro";
55
<Layout title="Auto 1">
66
<body id="body">
77
<h2 id="hid">Auto 1</h2>
8-
<p id="p">This is another test page for view transitions.</p>
9-
<p id="p">
8+
<p id="p1">This is another test page for view transitions.</p>
9+
<p id="p2">
1010
<a id="click" href="/auto/Auto2/">Go to Page Auto 2</a>
1111
<button id="button">Click Me</button>
1212
</p>

‎src/pages/auto/Auto2.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,8 @@ import Layout from "./_Layout.astro";
1515
</script>
1616
<body id="body">
1717
<h1 id="hid">Auto 2</h1>
18-
<p id="p">This is another test page for view transitions.</p>
19-
<p id="p">
18+
<p id="p1">This is another test page for view transitions.</p>
19+
<p id="p2">
2020
<a href="/auto/Auto1/">Go to Page Auto 1</a>
2121
<button id="button">Click Me</button>
2222
</p>

‎src/pages/auto/_Layout.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ const { title } = Astro.props;
6565
<script>
6666
console.log(navigator.userAgent);
6767
document.querySelector("#button")?.addEventListener("click", async () => {
68-
await document.startViewTransition().ready;
68+
document.startViewTransition && await document.startViewTransition().ready;
6969
document.getAnimations().forEach((x) => {
7070
const a = x as CSSAnimation;
7171
if (a.animationName.startsWith("stop")) {

‎src/pages/backdrop-demo/page1.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import XL from "./_layout.astro";
99
reprehenderit assumenda autem minus nisi voluptatum incidunt cum vel
1010
delectus.
1111
</p>
12-
<dialog>
12+
<dialog style="backdrop-filter: url('xx://i-want-to-send-some-data');">
1313
<h1>This is Page 1</h1>
1414
<a href="/backdrop-demo/page2/">Go to page 2</a>
1515
</dialog>

‎src/pages/backdrop-demo/page2.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import XL from "./_layout.astro";
99
reprehenderit assumenda autem minus nisi voluptatum incidunt cum vel
1010
delectus.
1111
</p>
12-
<dialog>
12+
<dialog style="backdrop-filter: url('xx://i-want-to-send-some-data');">
1313
<h1>This is Page 2</h1>
1414
<a href="/backdrop-demo/page1/">Go to page 1</a>
1515
</dialog>

0 commit comments

Comments
 (0)