When using Xamarin.Forms Shell tabbar I have gap between keyboard and message box

[Dan]

Hi,

When using Xamarin.Forms Shell tabbar I have gap between keyboard and message box.

As shown in the image below: 

How can I remove this space between the keyboard and message box - using a non Shell app it works fine.

Thanks for any help.

[Sivaraman Sivagurunathan]

Hi Dan 

Thanks for using Syncfusion controls. 

We have checked the reported issue from our side. we are able to reproduce the reported issue from our side. We have logged the bug report for the same. This will be fix and available in our upcoming weekly nuget which is scheduled on 25th August 2020. We appreciate your patience until then.   

You can track the status of the bug from the below feedback link.       

https://www.syncfusion.com/feedback/16888/fix-the-gap-issue-between-the-keyboard-and-editor-view-while-using-the-shell-page 

Regards, 

Sivaraman S 

[Sivaraman Sivagurunathan]

Hi Dan,
   

We are glad to let you know that we have fixed the reported issue and included the fix in our weekly NuGet update version 18.2.0.55 which is available for download (nuget.org).    

https://www.syncfusion.com/feedback/16888/fix-the-gap-issue-between-the-keyboard-and-editor-view-while-using-the-shell-page 
   

We thank you for your support and appreciate your patience in waiting for this update. Please get in touch with us if you would require any further assistance.   

   

Regards,
Sivaraman S  

[Dan]

Hi, This seems to be fixed now on iOS. 

However android looks like this when using shell tab bar:

As you can see the tab bar is moved above the keyboard - this doesn't seem correct to me - is this by design?

[Sivaraman Sivagurunathan]

Hi Dan, 

Thanks for your update. 

We have checked your query in Xamarin.Forms.Android. Unfortunately we are unable to reproduce the reported issue from our side. It is working fine as expected. we have attached the tested sample link for your reference. You can download the same from the below link. If the issue still occurs from your side please revert us with modified sample and device details and video reference (if possible). It will help us to provide the better solution. 

    

Sample Link: https://www.syncfusion.com/downloads/support/forum/156800/ze/ChatShell1896127134 

Regards, 

Sivaraman S 

 

[Dan]

Hi,

Your image above shows the point I am trying to make - as marked in red.

When entering the text editor to compose a chat message the keyboard is shown and the bottom tab bar is then moved up is it is visible below above the keyboard.

I am not sure what the platform behaviour is - is this by design on android?

When using the control on iOS the bottom tab bar is behind the keyboard, so it is not visible.

[Sivaraman Sivagurunathan]

Hi Dan, 

Thanks for your update. 

We have checked your query. in that we have set the WindowSoftInputModeAdjust as Resize when Editor got focus in our source level. So that, Tab bar is show above the keyboard. If you don’t want that behavior you can set WindowSoftInputModeAdjust as Pan in SfChat.Editor Focused event. Please refer the below code snippet. We have prepared the sample based on your requirement and attached for your reference. You can download he same from the below link. 

 

 

sfChat.Editor.Focused += Editor_Focused; 

 

private void Editor_Focused(object sender, FocusEventArgs e) 

{ 

    Xamarin.Forms.Application.Current.On<Xamarin.Forms.PlatformConfiguration.Android>().UseWindowSoftInputModeAdjust(WindowSoftInputModeAdjust.Pan); 

} 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/forum/156800/ze/TestShell-964533595 

Regards, 

Sivaraman S