Skip to content

[Feature Request]: text area component - masking #9889

Open

Description

Summary

(design & development needed)

The multi-line text area input to support the following:

  1. warning state - currently, only an error state is supported.
  2. masking - currently, credentials entered in multi-line text area cannot be masked.

Justification

  1. Warning state: We need to warn users (but not prevent) when a leading/trailing space exists. Our forms contain a variety of multi-line, single-line, and number input fields - we cannot only provide warning feedback for some fields and not others. related GH issue

  2. Masking: Some credentials in connection forms require multi-line input & the ability to mask the input. related GH issue
    a. Usability issue: we cannot ask users to input JSON snippets into a single-line input.
    b. Security issue: we cannot expose user credentials in the UI when using multi-line input (i.e. exposing the user's password).

Desired UX and success metrics

  1. Text area supports a warning state similar to the text input (single-line) and number input fields. Should include a visual indication (with color) and text string that allows users to immediately identify the warning state and read an explanation of the warning.
  2. Text area supports a masking capability similar to the text input that allows users to toggle on/off the visibility of the input.

Metrics for success/failure: users should be able to easily identify the the warning state and masking capability & recognize that they behave the same as the single-line text input.

Required functionality

The two enhancements to the text area should contain all the same functionality as in the single-line text input.

Specific timeline issues / requests

No upcoming release. The masking capability is a security concern and should be addressed asap.

Available extra resources

No response

Code of Conduct

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    • Status

      Later 🧊
    • Status

      📋 Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions