SfTextInputLayout always adds space above the input view

[Andrew Hoke]

I have a StackLayout with a Label and SfTextInputLayout with an Editor inside. The orange background is the Label, the thin blue line is the spacing between the items as part of the StackLayout, and the red is the SfTextInputLayout.

I have set ShowHint=False, ReserveSpaceForAssistiveLabels=False, ContainerType=Outlined, with CornerRadius=3.

I have tried setting both padding and margin of both the SfTextInputLayout and ​the Editor to zero to no avail. I presume this is space reserved for the input layout Hint, but I am not using the built-in hint so I do

[Sridevi Sivakumar]

Hi Andrew Hoke,

Greetings from Syncfusion.

We can see the space above while setting the background color to SfTextInputLayout. Instead of Background property you can use ContainerBackgroundColor property in SfTextInputLayout to fill the background. 

            <inputLayout:SfTextInputLayout         

                        ShowHint="False" BackgroundColor="Red"   ContainerBackgroundColor="Red"           

                        ReserveSpaceForAssistiveLabels="False"   

                        ContainerType="Outlined"  OutlineCornerRadius="3" 

                        InputViewPadding="{OnPlatform Android='11,0,11,0', 

                                      iOS='11,6,11,6', 

                                      UWP='11,6,11,6'}"> 

                    <Editor   /> 

                </inputLayout:SfTextInputLayout> 

Screenshot: 

Please refer below link for more information about container background color
https://help.syncfusion.com/xamarin/text-input-layout/states-and-colors#container-color

Also, we can reduce the inner padding of the SfTextInputLayout by using the  SfTextInputLayout InputViewPadding property as per the below code snippet  

            <inputLayout:SfTextInputLayout         

                        ShowHint="False"             

                        ReserveSpaceForAssistiveLabels="False"   

                        ContainerType="Outlined"  OutlineCornerRadius="3" 

                        InputViewPadding="{OnPlatform Android='11,0,11,0', 

                                      iOS='11,6,11,6', 

                                      UWP='11,6,11,6'}"> 

                    <Editor   /> 

                </inputLayout:SfTextInputLayout> 

Screenshot: 

Please refer below link for more information about input view padding
https://www.syncfusion.com/kb/11039/how-to-reduce-the-inner-padding-of-xamarin-forms-text-input-layout

https://help.syncfusion.com/xamarin/text-input-layout/container-type#custom-padding

Let us know if you need any further assistance.
Regards
Sridevi S. 

  

[Andrew Hoke]

I don't want to change the input view background, nor do I want to change the padding of the text inside the Editor. I want to remove the space OUTSIDE the Editor but still within the SfTextInputLayout view. I want no red area outside the text layout outline.

[Sridevi Sivakumar]

Hi Andrew Hoke,

We validated the reported query “Top padding not removed when hint label is not added” and we have logged a bug report for this issue. You can keep track of the bug from the feedback portal below.

Link: https://www.syncfusion.com/feedback/26543/top-padding-not-removed-when-hint-label-is-not-added

The provided feedback link is private, and you need to login to view this feedback.

We will include the fix in the next weekly NuGet which is expected to be released on July 6, 2021.

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.

Regards, 
Sridevi S.    

 

[Sridevi Sivakumar]

Hi Andrew Hoke,

We have fixed the reported issue “Top padding not removed when hint label is not added”. The patch and NuGet for the fix can be downloaded from the below link.

Please find the patch from below link
https://syncfusion.com/Installs/support/patch/19.2.0.44/1316477/F166665/SyncfusionPatch_19.2.0.44_1316477_7062021024221955_F166665.exe

Please find the patch assemblies alone from below location:
https://syncfusion.com/Installs/support/patch/19.2.0.44/1316477/F166665/SyncfusionPatch_19.2.0.44_1316477_7062021024221955_F166665.zip

Please find the NuGet from below location:
https://syncfusion.com/Installs/support/patch/19.2.0.44/1316477/F166665/SyncfusionNuget_19.2.0.44_1316477_7062021024221955_F166665.zip

Assembly Version: 19.2.0.44

Disclaimer:
Please note that we have created this patch for version 19.2.0.44 specifically to resolve the following issue reported in this incident. If you have received other patches for the same version for other products, please apply all patches in the order received.

To Clear the cache:
Follow the below link to clear cache,
https://www.syncfusion.com/kb/6987/how-to-clear-nuget-cache

The fix will be included in our weekly NuGet release which is expected to be rolled out on July 13, 2021.

We appreciate your patience until then.

Regards,
Sridevi S.  

[Sridevi Sivakumar]

Hi Andrew Hoke,

We have fixed the “Top padding not removed when hint label is not added” issue and the fix is included in our weekly NuGet of July 13, 2021.

NuGet Version: 19.2.0.47

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

Regards,
Sridevi S. 

 

[Andrew Hoke]

I have installed 19.2.0.47 and can confirm the issue has been resolved. Thank you!

[Eswaran Thirugnanasambandam]

Hi Andrew Hoke, 

 

Thanks for your update.  

 

We are glad to hear that the fix works at your end. 

  

Please let us know if you need any further assistance. 

  

Regards, 

Eswaran