diff --git a/.changeset/bright-crews-bathe.md b/.changeset/bright-crews-bathe.md new file mode 100644 index 000000000..da2a35dd0 --- /dev/null +++ b/.changeset/bright-crews-bathe.md @@ -0,0 +1,5 @@ +--- +"spectacle": patch +--- + +Ensure "PacMan" animation works in Safari diff --git a/packages/spectacle/src/components/animated-progress.tsx b/packages/spectacle/src/components/animated-progress.tsx index 3a25434fb..d7555f03a 100644 --- a/packages/spectacle/src/components/animated-progress.tsx +++ b/packages/spectacle/src/components/animated-progress.tsx @@ -27,6 +27,8 @@ export const PacmanBase = styled.div` width: ${({ pacmanSize }) => pacmanSize}px; transition: left 0.3s ease-in-out 0.2s; transform: translate(-50%, -50%); + border-radius: 9999px; + overflow: hidden; `; const pacmanTopFrames = keyframes`