Mobile scroll gets disabled when the embed code is full width
Hey , just noticed something and wanted to mention that in case you guys havent heart of it.
Was putting an embed code in my adobe portfolio page and while in the desktop/ laptop browser works normally , when I checked it in mobile , it works but as soon as you interact with it, any scroll gets totally disabled. So you cannot scroll any further or back from the point that you started interacting with it.
I tried a few things again and again and figured out that the issue is when the embed code is full width. If you have less that full width, it works as it should.
Not sure if that same thing happens in other webpages or so, I was trying this only in adobe portfolio builder.
Was using Iphone SE2 and safari.
Cheers
What you need is touchScrollEnbled, which allows scrolling behavior to still occur on canvas elements when a touch/drag action is performed. Here are the JS docs that will give you a little more detail, but it works the same in the Flutter and React runtimes: https://rive.app/community/doc/rive-parameters/docHI9ASztXP
Not sure if I have access to anything like that.. Like I said , I m using the embed code to have this in Adobe Portfolio page..
Is there a way to activate this touchScrollEnabled on share codes?
Or am I missing something?
Are you using the iFrame share code? If so, no, it's not possible to set touchScrollEnabled.
I'm not very familiar with Adobe Portfolio, but it doesn't look like it lets you create custom Javascript component. Is that right? If so, I think your only option would be to create a page with your Rive component using the JS or one of the other web runtimes, host it somewhere, then include it on your website with an iFrame.
Sorry, I know that's not an ideal solution. :/