Throws Error with Astro View Transitions in Firefox
JoyBoy-369 opened this issue · comments
When I use lenis with astro and enable view-transitions I get the following errors in the browser console after scrolling a couple of times :
Too many calls to Location or History APIs within a short timeframe. router.js:8:17
Uncaught DOMException: The operation is insecure.
updateScrollPosition router.js:8
onScrollEnd router.js:409
EventListener.handleEvent* router.js:418
router.js:8
updateScrollPosition router.js:8
onScrollEnd router.js:409
(Async: EventListener.handleEvent)
router.js:418
However, this does not seem to be the case when view transitions is disabled and works fine in safari and chrome
I am using lenis astro and gsap.
<script>
import gsap from 'gsap'
import Lenis from 'lenis'
import ScrollTrigger from 'gsap/ScrollTrigger'
import Flip from 'gsap/Flip'
window.gsap = gsap
gsap.registerPlugin(ScrollTrigger, Flip)
const lenis = new Lenis({
smoothWheel: true,
syncTouch: true,
duration: 1.2,
infinite: false,
easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t))
})
lenis.on('scroll', ScrollTrigger.update)
gsap.ticker.add((time) => {
lenis.raf(time * 1000)
})
gsap.ticker.lagSmoothing(0)
</script>
Do you have the same error if you remove Lenis ? It doesn't seems to be related with Lenis at all.
@clementroche Nope. I don't get the same error if I remove Lenis. I have put a minimal repo too if you would like to test it out. There is no error if I remove View Transitions too. There seems to be some issue with astro's View Transition but only in firefox
I can't reproduce your issue using your link on Firefox. Lenis doesn't deal with history or location at all so it might come from your implementation.
This seems to be in regard to the Astro's View Transition, not Lenis per say. So I should ask the folk at astro for this issue?
I think so