You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is your feature request related to a problem? Please describe.
With the addition of Prefix & Suffix support to some input components, the building blocks of the inputs have been revised.
After reviewing the clear button icon for the following components in the design reference,
we have decided NOT to add clear icon button support for TextArea at that point, due to technical blockers.
This is because TextArea is unique compared to other input components and has flow and resizable inner input component with a drag handle. Therefore, implementing it using the same approach as TextBox or other input components would look like this.
Problem with the current state:
The position of the clear icon button changes depending on the TextArea flow.
It doesn't feel natural to have a clear icon button following a resize drag handle.
According to design guidelines, the input icon should be located in the top right corner of the textarea element (lightgray area).
Describe the solution you would like to see implemented
The TextArea itself should have a unified method for clearing the text value like the other input component and as of now this is only possible with custom template, or using prefix/suffix elements.
Describe the alternatives you have considered
A clear and concise description of any alternative solutions or features you have considered.
Additional context
Add any other context or screenshots about the feature request.
The text was updated successfully, but these errors were encountered:
zhpenkov
added
the
Enhancement
New feature of an existing functionality or an improvement of an existing functionality.
label
Mar 19, 2024
Is your feature request related to a problem? Please describe.
With the addition of Prefix & Suffix support to some input components, the building blocks of the inputs have been revised.
After reviewing the clear button icon for the following components in the design reference,
we have decided NOT to add clear icon button support for TextArea at that point, due to technical blockers.
This is because TextArea is unique compared to other input components and has flow and resizable inner input component with a drag handle. Therefore, implementing it using the same approach as TextBox or other input components would look like this.
Problem with the current state:
The position of the clear icon button changes depending on the TextArea flow.
It doesn't feel natural to have a clear icon button following a resize drag handle.
According to design guidelines, the input icon should be located in the top right corner of the textarea element (lightgray area).
Describe the solution you would like to see implemented
The TextArea itself should have a unified method for clearing the text value like the other input component and as of now this is only possible with custom template, or using prefix/suffix elements.
Describe the alternatives you have considered
A clear and concise description of any alternative solutions or features you have considered.
Additional context
Add any other context or screenshots about the feature request.
The text was updated successfully, but these errors were encountered: