On UWP this can be achieved if you set double.NaN as a value of the DrawerLength property and on Android this achieved by setting 0 as a value of the DrawerLength property. On iOS is not supported at all.
If a SideDrawer has gestures enabled, you cannot scroll DrawerContent in the same direction as the drawer. For example a ListView in DrawerContent when DrawerLocation="Bottom" If the SideDrawer only uses gestures that begin outside the drawer, then this would prevent the conflict.
When using a AreGesturesEnabled = true, stop the length of the drawer at location of releasing the Gesture. Then allow the user to cover the drawer with the entire screen.
Use the following code deployed to UWP to reproduce. Observe the following: - Inability to interact with the Button (unless you move the button outside the invisible gesture detection area) - Gestures are still active even though they're disabled <telerikPrimitives:RadSideDrawer DrawerLength="400" AreGesturesEnabled="false" DrawerLocation="Bottom" DrawerTransitionType="SlideInOnTop" DrawerTransitionDuration="0.2" IsOpen="False"> <telerikPrimitives:RadSideDrawer.DrawerContent> <StackLayout VerticalOptions="FillAndExpand" BackgroundColor="GreenYellow"> <Label Text="DrawerContent" VerticalOptions="FillAndExpand"/> </StackLayout> </telerikPrimitives:RadSideDrawer.DrawerContent> <telerikPrimitives:RadSideDrawer.MainContent> <Grid BackgroundColor="LightBlue"> <Grid.RowDefinitions> <RowDefinition Height="*"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <Label Text="Demo" VerticalOptions="Fill"/> <Button VerticalOptions="End" HorizontalOptions="Fill" Text="Click Me!" Clicked="Button_OnClicked" BackgroundColor="LightGray" FontSize="12" HeightRequest="20" Grid.Row="1"/> </Grid> </telerikPrimitives:RadSideDrawer.MainContent> </telerikPrimitives:RadSideDrawer>
If the MainContent of the RadSideDrawer contains a Xamarin Forms Entry control, and the user enters a space into theEntry with the spacebar, the RadSideDrawer's Drawer will open unintentionally. Code to reproduce: <telerikPrimitives:RadSideDrawer DrawerLength="200"> <telerikPrimitives:RadSideDrawer.MainContent> <Grid> <Entry VerticalOptions="Center" HorizontalOptions="FillAndExpand"/> </Grid> </telerikPrimitives:RadSideDrawer.MainContent> <telerikPrimitives:RadSideDrawer.DrawerContent> <StackLayout VerticalOptions="Start"> <Button Text="A button" /> </StackLayout> </telerikPrimitives:RadSideDrawer.DrawerContent> </telerikPrimitives:RadSideDrawer>
When the IsOpen is set initially to true, on iOS the main content overlay does not display:
RadSideDrawer does not take correct size when the screen is resized/rotated.