AlaskaAirlines / auro-input

Custom HTML element for inputting string data in forms
https://auro.alaskaair.com/components/auro/input
Apache License 2.0
2 stars 4 forks source link

Textbox fill - mixed behaviors - blue or white? #258

Closed ashleybiermannalaska closed 11 months ago

ashleybiermannalaska commented 1 year ago

Please verify the version of auro-input you have installed

2.13.2

Please describe the bug

There are two different background colors of the auro-input box to view:

Background is WHITE

  1. Go to https://booking-site.ecomm-test-aks.alaskaair.com/order/guests
  2. Click into 'Legal first name'
  3. Type 'TestOne'
  4. Click into 'Middle name'
  5. Type 'TestOne'
  6. Click into 'Legal last name'
  7. Type 'TestOne'
  8. Click on page white space to unfocus previous input
  9. View those three input background colors to be white

Background is BLUE

  1. Go to https://booking-site.ecomm-test-aks.alaskaair.com/order/guests
  2. Tab until 'Legal first name' is in focus
  3. Use arrow keys to highlight a previously entered value, such as 'TestOne'
  4. Press Enter
  5. Tab to focus 'Middle name'
  6. Use arrow keys to highlight a previously entered value, such as 'TestOne'
  7. Press Enter
  8. Tab to focus 'Legal last name'
  9. Use arrow keys to highlight a previously entered value, such as 'TestOne'
  10. Press enter
  11. View those three input background colors to be blue

QUESTION: Why are we seeing two different background colors depending on the method used to enter the same text?

Screenshot 2023-05-31 at 10 32 36 AM

Screenshot 2023-05-31 at 10 32 09 AM

Reproducing the error on the docsite

None

Expected behavior

Background color of auro-input fields would be the same color when valid, regardless of what method the user used to enter the text. method examples: 1. clicking into input and typing new text, 2. tabbing into input, using arrow keys to navigate to a previously entered value, pressing enter to select

What browsers are you seeing the problem on?

Chrome

Additional context

Patrick-Daly-AA commented 11 months ago

This color is controlled by the browser, and not something we see value in changing within Auro.