search

AlaskaAirlines / auro-datepicker

Custom element that allows users to select a date, either with text input or by displaying a calendar.
https://auro.alaskaair.com/components/auro/datepicker
Apache License 2.0
3 stars 4 forks source link

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

Open arrenleung opened 1 month ago

arrenleung commented 1 month 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 1 month 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