Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
arrenleung opened this issue Jul 30, 2024 · 1 comment

Comments

@arrenleung
Copy link
Contributor

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

@arrenleung arrenleung added auro-datepicker not-reviewed Issue has not been reviewed by Auro team members Type: Bug Bug or Bug fixes labels Jul 30, 2024
@Patrick-Daly-AA Patrick-Daly-AA removed their assignment Aug 1, 2024
@Patrick-Daly-AA Patrick-Daly-AA removed the not-reviewed Issue has not been reviewed by Auro team members label Aug 1, 2024
@Patrick-Daly-AA
Copy link

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

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

No branches or pull requests

3 participants