AlaskaAirlines / auro-input

Custom HTML element for inputting string data in forms

Home Page:https://auro.alaskaair.com/components/auro/input

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

auro-input: access to the classes

Apsistec opened this issue · comments

Is your feature request related to a problem? Please describe.

Our design team is looking for some adjustments to the auro input fields

Describe the solution you'd like

1)Is it possible to prevent the help/error message from shifting the field up?
2) Is it possible to prevent the X in the field from expanding the field to the right on hover?
3) Is it possible to have an optional input field with an error message, so that if a user clicks into the optional flight number field and back out, that the message does not appear. We want the validation message to appear only if they enter the wrong flight number format.

Describe alternatives you've considered

No response

Additional context

The request from Product and Design teams:

  1. Top alignment of boxes don't match
  2. Error message on the optional field, Flight # input box, even though nothing was typed incorrectly. This box also moves up when the error msg appear
  3. Size of input boxes changes when you hover over