search

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

Invisible overflow of notification icons when datepicker reaches a smaller width #344

Open arrenleung opened 3 months ago

arrenleung commented 3 months ago

Please verify the version of auro-datepicker you have installed

2.6.2

Please describe the bug

  1. Go to https://auro.alaskaair.com/components/auro/datepicker
  2. Select dates in the ranged datepicker to render the "X" icon used to clear the selection
  3. When "X" icons are visible, shrink the screen to make the datepicker ~442px wide
  4. See that the icons begin to cut off and invisibly overflow outside of the datepicker

image image

Reproducing the error

This issue is reproducible on the Auro docsite

Expected behavior

Notification icons should be able to handle a smaller width of the datepicker and should not overflow/disappear

What browsers are you seeing the problem on?

Chrome

Additional context

This also occurs with the error icon when using the required attribute on the datepicker

Exit criteria

No response

Patrick-Daly-AA commented 2 months ago

This is likely an issue with Input, as the width of the input fields here is smaller than we expected and implemented for with a standalone input component