Fork of Chiri for Astro for my blog
fix: transition on back action
+6
-3
+1
-1
netlify.toml
+1
-1
netlify.toml
···
30
30
Permissions-Policy = "geolocation=(), microphone=(), camera=(), fullscreen=(self)"
31
31
Content-Security-Policy = '''
32
32
default-src 'self';
33
-
script-src 'self' 'unsafe-inline' 'unsafe-eval' https:;
33
+
script-src 'self' 'unsafe-inline' https:;
34
34
style-src 'self' 'unsafe-inline' https:;
35
35
img-src 'self' data: https: blob:;
36
36
font-src 'self' data: https:;
+5
-2
src/components/layout/TransitionWrapper.astro
+5
-2
src/components/layout/TransitionWrapper.astro
···
14
14
<script is:inline>
15
15
let isBackForward = false
16
16
17
+
// Check if View Transitions API is supported
18
+
const isViewTransitionSupported = 'startViewTransition' in document
19
+
17
20
// Listen for back/forward navigation
18
21
window.addEventListener('popstate', () => {
19
22
isBackForward = true
···
21
24
})
22
25
23
26
// Override startViewTransition to skip transitions for back/forward navigation
24
-
const original = document.startViewTransition
25
-
if (original) {
27
+
if (isViewTransitionSupported && document.startViewTransition) {
28
+
const original = document.startViewTransition
26
29
document.startViewTransition = function (callback) {
27
30
if (isBackForward) {
28
31
callback?.()