Using .NET MAUI ScrollView inside a RadSideDrawer control is not scrolling

[Thanos]

Hi,

I have implemented Telerik .NET MAUI RadSideDrawer control using the following properties:

1. AreGesturesEnabled="True"

2. TapOutsideToClose="True"

3. DrawerLocation="Bottom" 

4. TouchTargetThreshold="0.0" (in order to disable user to swipe up with gesture but with a button click evenet)

5. DrawerLength="300" (I need to set the maximum DrawerHeight in order to see only few available items of a list)

 

Expected behavior

- Inside the DrawerContent I have a ScrollView with a large set of items and I need to see only a few of them.

- When the RadSideDrawer is opened, the user can have the following abilities:

1. Can close the RadSideDrawer taping outside

2. Can swipe out using control gestures

3. Can Scroll in the RadSideDrawer control's DrawerContent's custom scrollable area

 

Problematic Real Behavior

Taking into consideration the "Expected behavior" and the predefined five properties above, I can notice that:

1. In order to work properly the "TapOutsideToClose", this happens only when AreGesturesEnabled="True". With these two properties combination, I notice that the custom ScrollView is not working, so I cannot see the rest of the items in my custom list.

2. A workaround could be AreGesturesEnabled="False" and TapOutsideToClose="True". In that case I noticed that the custom Scrollable area is now working, so I can scroll in the rest of the items in my custom list, but TapOutsideToClose action now is not working, so the user cannot close the RadSideDrawer with any way (neither with TapOutside action nor with swiped out gesture).

Thanks in advance,

Thanos

 

 

[Yana]

Hello Thanos,

Thank you for explaining the issue you came across in details.

Actually this is the expected behavior of the control, I'll explain the two scenarios you mentioned:

1. Indeed, AreGesturesEnabled should be true, so that the TapOutsideToClose to properly work, as the tap is a gesture as well. I'm going to update our documentation with that requirement right away.

2. When AreGesturesEnabled is true, this affects the scrolling inside the drawer, as the SideDrawer handles the swipe gesture in order to close the drawer.

As a workaround, you can add a button inside the drawer to manually close it in a similar way as it can be open. I am sorry for any inconvenience caused.

Regards,
Yana
Progress Telerik