rive-react icon indicating copy to clipboard operation
rive-react copied to clipboard

Enable scrolling on mobile even when there are event listeners present.

Open edogbeatz opened this issue 1 year ago • 5 comments

When we have any button or any event scrolling stops working on mobile you can actually check any community file in rive website you cant scroll the rive player when there are buttons.

edogbeatz avatar Jan 11 '24 15:01 edogbeatz

Just ran into this issue... It absolutely breaks the site.

temcewen avatar Apr 16 '24 22:04 temcewen

This is completely insane... This shouldn't be default behaviour. We have interactive rive on our website and you are just stuck there, unless you try to scroll somewhere in the corners

gauel avatar Jun 11 '24 13:06 gauel

Just ran into this, you can see it on Dumbify.com, when you try to scroll on mobile by dragging in the "Say Hello to Dumbi" section, you are unable to.

ChrisNSki avatar Sep 06 '24 08:09 ChrisNSki

I was able to get past this by enabling "isTouchScrollEnabled"

const { RiveComponent } = useRive({
    isTouchScrollEnabled: true,
// Rest of Configuration
  });

ChrisNSki avatar Sep 06 '24 08:09 ChrisNSki

@ChrisNSki you have layout issue when viewed on mobile.( this is just random not related to issue but i just saw your website so thats why)

silky-x0 avatar Jul 18 '25 08:07 silky-x0