Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TextArea clear button icon support #4930

Open
zhpenkov opened this issue Mar 19, 2024 · 0 comments
Open

TextArea clear button icon support #4930

zhpenkov opened this issue Mar 19, 2024 · 0 comments
Labels
Enhancement New feature of an existing functionality or an improvement of an existing functionality.

Comments

@zhpenkov
Copy link
Contributor

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.
image

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.

@zhpenkov zhpenkov added the Enhancement New feature of an existing functionality or an improvement of an existing functionality. label Mar 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Enhancement New feature of an existing functionality or an improvement of an existing functionality.
Projects
None yet
Development

No branches or pull requests

1 participant