Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2025-03-31 23:31:30 -05:00
Code Issues Activity

Move VT route announcer styles to a class (#8965)

Browse source
This commit is contained in:
Matthew Phillips 2023-10-31 15:46:44 -04:00 • committed by GitHub
parent ef8964c04d
commit 430c470ace
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
.changeset/sweet-nails-dream.md Normal file
View file

@ -0,0 +1,7 @@
---
'astro': patch
---
Move VT route announcer styles to a class
Doing so allows stricter CSP policies.

13
packages/astro/components/viewtransitions.css
View file

@ -54,3 +54,16 @@
animation: none !important;
}
}
/* Route announcer */
.astro-route-announcer {
position:absolute;
left:0;
top:0;
clip:rect(0 0 0 0);
clip-path:inset(50%);
overflow:hidden;
white-space:nowrap;
width:1px;
height:1px;
}

5
packages/astro/src/transitions/router.ts
View file

@ -30,10 +30,7 @@ const announce = () => {
let div = document.createElement('div');
div.setAttribute('aria-live', 'assertive');
div.setAttribute('aria-atomic', 'true');
div.setAttribute(
'style',
'position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px'
);
div.className = 'astro-route-announcer';
document.body.append(div);
setTimeout(
() => {