Scrolling, ListView, CollectionView all get cut off on Android

[bradrice]

I the content is scrolling and it goes out of the drawer it does not scroll on Android.

Everything works perfectly on iOS. I'm trying to get scrolling lists working in a drawer for Android.

[farfromrefug]

@bradrice did you try with NestedScrollView ?
BTW CollectionView is working fine here. I use it in all my apps

[bradrice]

I can't seem to figure out how to use NestedScrollView in angular. However, I don't really have nested scrollviews, they are independent in drawer windows where they don't work.

Here is what I get:

Here is ios https://drive.google.com/file/d/1ZXwrFjVOim5w-di1IcWHPzGvzywW1oNV/view?usp=drive_link
Here is Android: https://drive.google.com/file/d/1pn6sxyPDwFBL7GD8XA85PVXxCdGkaOnF/view?usp=drive_link
I don't really have nested scrollviews they are independent and in the community drawer

[farfromrefug]

nested term iOS used based on the android native class name. and I am. almost certain you need it ! again I know there was an angular example on discord

[bradrice]

@bradrice did you try with NestedScrollView ? BTW CollectionView is working fine here. I use it in all my apps

Are your collectionviews going out of the bounds of the drawer so you have to scroll to get to the bottom?

[farfromrefug]

yes they do

[ignacio68]

I can't do scroll in Android, too. In iOS works fine

[farfromrefug]

@bradrice @bradrice indeed by default the drawer gesture will interfeer with a listview.
to fix this you need to add gesture settings like this https://github.com/Akylas/oss-weather/blob/master/app%2Fcomponents%2FCompareWeatherSingle.svelte#L292
I will think about making this the default. you might not need the minDist setting

[ignacio68]

@farfromrefug In my application works better with these parameters:

:gestureHandlerOptions="{
failOffsetYStart: -10,
failOffsetYEnd: 10,
}"

[bradrice]

I'm still not able to use a Scrollview in the drawer with gestureHandlerOptions

[farfromrefug]

@bradrice then share a simple reproducible example (not angular please) to show what you are trying to do and whats not working

[bradrice]

That’s right I forgot you were non-angular. I am just switching back to radsidebar. Brad Rice ***@***.***

…

On Wed, Mar 27, 2024 at 12:45 PM farfromrefuge ***@***.***> wrote: @bradrice <https://github.com/bradrice> then share a simple reproducible example (not angular please) to show what you are trying to do and whats not working — Reply to this email directly, view it on GitHub <#29 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AACCPYEFO6WM3MIJCY4ETPTY2LSSFAVCNFSM6AAAAABEGDMEJWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAMRTGI3TCOBYGA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[farfromrefug]

@bradrice sorry to hear that. non-angular is also because I know the core component to work and reproducing it without angular tells me there is a real issue with the plugin and not only with the angular wrapper

[bradrice]

Ok, thanks for the clarification. I’ll try to spin up a core app with your plugin, but I’m trying to get my app out the door.

…

On Wed, Mar 27, 2024 at 12:56 PM farfromrefuge ***@***.***> wrote: @bradrice <https://github.com/bradrice> sorry to hear that. non-angular is also because I know the core component to work and reproducing it without angular tells me there is a real issue with the plugin and not only with the angular wrapper — Reply to this email directly, view it on GitHub <#29 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AACCPYEEKHWS33YNI2FQ6CTY2L23RAVCNFSM6AAAAABEGDMEJWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAMRTGMYDSMZTGY> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[farfromrefug]

@bradrice no worries if you can in the future it would be great yes (vue works too as no wrapper is needed).
But finish your app first!

[bradrice]

Will do, thanks! I wonder if it has something to do with having multiple drawers on my page. I'm converting them to modals, so I don't have to use multiple.

…

On Wed, Mar 27, 2024 at 3:55 PM farfromrefuge ***@***.***> wrote: @bradrice <https://github.com/bradrice> no worries if you can in the future it would be great yes (vue works too as no wrapper is needed). But finish your app first! — Reply to this email directly, view it on GitHub <#29 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AACCPYD2LOYCCRXX333JMLLY2MIZDAVCNFSM6AAAAABEGDMEJWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAMRTHA2DSMJRGA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

-- Brad Rice ***@***.***

[farfromrefug]

@bradrice possible. Multiple is not the most common use case. But it should work!