Transition was aborted because of invalid state on mobile devices | Astro Lounge | Page 1

shell folio Sep 3, 2024, 8:55 AM

#

Do you use Astro islands? React/Shadcn?

copper chasm Sep 3, 2024, 11:32 AM

#

No, just some plain JS.

shell folio Sep 3, 2024, 11:50 AM

#

I've seen similar errors (with "skipped" instead of "aborted") when the view transition names had not been unique on a page. What browser do you use on mobile?

copper chasm Sep 3, 2024, 1:55 PM

#

I'm using Brave which I guess is based on Chromium

#

This happens on Desktop too when I swtich to mobile through devtools.

shell folio Sep 3, 2024, 2:06 PM

#

I guess there are no errors in the console? If you can share the repo - or a minimal reproduction - I could take a look.

copper chasm Sep 3, 2024, 4:40 PM

#

I get this error: router.js?v=05696f86:398 Uncaught (in promise) DOMException: Transition was aborted because of invalid state

#

its a private repo, but I could add you with your github username

#

on firefox it does not happen. there is another error 'aborted'. Uncaught (in promise) DOMException: The operation was aborted.

#

#

only happens when the touch cursor is activated, it makes me think it is something with the event on anchor tags.

#Transition was aborted because of invalid state on mobile devices