SfTextInputLayout Border not streching when ErrorText is longer than TextBox field

Hi.

I'm playing with this control and works really nice. But I have problem with two things:

- first is incompatibility with DatePicker, but I've found on forum that it will not work, unfortunately;

- second is:  Border stretch when ErrorText is longer than HintText or Text itself:


Expected Behavior: stretch field Border to Field right edge (like on left side or like attached second screenshot)

Zrzut ekranu 2022-05-05 182352.pngZrzut ekranu 2022-05-05 182632.png


2 Replies

AN Andrzej May 6, 2022 05:34 AM UTC

EDIT:

Problem1: DatePicker doesn't work, but DateTimeEdit works like it should :)

Now problem 2 only left;


bez nazwy.png



ET Eswaran Thirugnanasambandam Syncfusion Team May 6, 2022 12:09 PM UTC

Query 1: incompatibility with DatePicker.

SfTextInputLayout control doesn’t support Datepicker as input view. We have already logged a feature request for this requirement, and it can be tracked through our feedback portal below.


https://www.syncfusion.com/feedback/25576


Please cast your vote to make it count. We will prioritize the features every release based on the demands, and since we don’t have an immediate plan to implement this feature and it will be included in any of our upcoming releases.


If you have any more specifications/suggestions to the feature request, you can add them as a comment in the portal.


Query 2: Border is not stretched when ErrorText is longer than HintText or Text itself.

This is the default behavior of SfTextInputLayout, we would like to inform you that the Hint and Text properties are displayed inside the border. So, the border size is directly depend on it. But the purpose of the ErrorText is to display the error messages only when the provided input is failed to meet the expected, once the user provided input meets the requirement, we collapsed it. Also, it will be displayed bottom of the text input layout border (Not inside the border as like Hint/Text). So, we didn’t consider the ErrorText for rendering the Border.


Loader.
Up arrow icon