Searchbar doesnt work within NavigationDrawer

[Emil]

If I have sfnavigationdrawer with Position Top and Transition Push, Searchbar within NavigationDrawer is not reacting, I cannot even click inside the searchbar. I tested on Sony Xperia z3 with Android 6 version. In Emulator with Android 8 works fine. It also works using  Position="Right"

  <navigation:SfNavigationDrawer x:Name="navigationDrawer"  IsOpen="{Binding IsFilterOpen, Mode=TwoWay}" Position="Top" Transition="Push" DrawerWidth="150" DrawerHeight="350" DrawerHeaderHeight="50" DrawerFooterHeight="50">

            <navigation:SfNavigationDrawer.DrawerHeaderView>

                <StackLayout x:Name="headerLayout"    Orientation="Vertical" CompressedLayout.IsHeadless="true">

 

                </StackLayout>

            </navigation:SfNavigationDrawer.DrawerHeaderView>

            <navigation:SfNavigationDrawer.ContentView>

                <StackLayout Orientation="Vertical"  VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">

                    <SearchBar   x:Name="MyAutoComplete" TextChanged="MyAutoComplete_TextChanged" HorizontalOptions="FillAndExpand"  Placeholder="{resx:Translate Search}" PlaceholderColor="Silver" Text="{Binding SearchText, Mode=OneWayToSource}"  

               

[Paul Anderson S]

Hi Emil,

Greetings from Syncfusion support.

We could not reproduce the issue reported “Search bar is not working inside the NavigationDrawer ContentView”. We have tested the same with the Android version 6 simulator and device. We have prepared a sample in which we have used the SearchBar inside the ContentView of NavigationDrawer, please download the sample from the link given below.

Sample link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/NavigationSample-1654476114

Is that issue reproduced only with the Sony Xperia z3 with Android 6 version or with any other Android version 6 device?
If the issue arises from your end, please update us with more information as mentioned below.

- Modified sample in which the issue occurs.
- Device details in which the issue occurs (Simulator/Device?)

This could help us to provide better solution on this.

Regards,
Paul Anderson

[Emil]

Hello,

please read my question before you reply me. i have explicitly written that  with Position Top and Transition Push, Searchbar within NavigationDrawer is not reacting, I cannot even click inside the searchbar. It also works using  Position="Right"

In you sample, you dont have any of these. I have created a repo for you. page has IsOpen= true initially, if you collapse the navigationdrawer, searchbar is not reacting at all. I tested it with Samsung S5 and S6 and problem is the same. i believe that it is general problem, not depends on any phone or android version. Only in Emulators it works because they dont have touch event.

Thanks,

Emil

Attachment: NavigationSample_3e95a4fd.zip

[Mugundhan Saravanan]

Hi Emil,

Thanks for your patience.

We could reproduce this issue "Problem with Touch inside the NavigationDraw MainContentView". The fix for the same will be available in our upcoming Volume 4 release.

Please let us know if you have any concern about this.

Regards,
Mugundhan S

[Emil]

Hi,

Is there any fix for this problem? I cannot see any fix in the list https://help.syncfusion.com/xamarin/release-notes/v16.4.0.42?type=all#sfnavigationdrawer

thanks,

Emil

[Dhanasekar R]

Hi Emil,  

 

Sorry for the inconvenience.  

   

Due to some stability concerns and priority features, we have not included the bug "Problem with Touch inside the NavigationDraw MainContentView” in our Volume 4, 2018 release. We have now marked as a priority bug, and this will be included in our upcoming Weekly NuGet which will be published on 14th January 2019.  

     

Regards,  

Dhanasekar 

[Emil]

Hi, 

Exactly the same problem exist using sfBackdrop page. please check it also.

thanks,

Emil

[Dhanasekar R]

Hi Emil, 

  

We would like to inform you that  interactions at top region (up to RevealedHeight)  of the front layer will be handled by backdrop control for swipe support to reveal or conceal the back layer. Hence adding Seachbar in that region will not allow interactions. 

  

You can resolve this by disabling swiping action for revealing/concealing back layer by setting false for EnableSwiping property of Frontlayer and using header icon for revealing/concealing back layer.  

Please refer the below code snippet. 

  

<backdrop:BackdropFrontLayer EnableSwiping="False"> 

    <StackLayout Orientation="Vertical" VerticalOptions="FillAndExpand"HorizontalOptions="FillAndExpand"> 

                <SearchBar   x:Name="MyAutoComplete"TextChanged="MyAutoComplete_TextChanged" 

                             HorizontalOptions="FillAndExpand" Placeholder="{resx:Translate Search}" 

                             PlaceholderColor="Silver" Text="{Binding SearchText,Mode=OneWayToSource}"/> 

    </StackLayout> 

</backdrop:BackdropFrontLayer> 

  

Please let us know if you need any further assistance. 

  

Regards, 

Dhanasekar