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

INPUT: Invisible overflow of notification icons when datepicker reaches a smaller width #139

Open
arrenleung opened this issue Jul 30, 2024 · 2 comments
Assignees

Comments

@arrenleung
Copy link

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 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

@jason-capsule42 jason-capsule42 removed the Type: Bug Bug or Bug fixes label Oct 3, 2024
@jason-capsule42 jason-capsule42 transferred this issue from AlaskaAirlines/auro-datepicker Oct 28, 2024
@jordanjones243 jordanjones243 self-assigned this Dec 16, 2024
@jason-capsule42 jason-capsule42 changed the title Invisible overflow of notification icons when datepicker reaches a smaller width INPUT: Invisible overflow of notification icons when datepicker reaches a smaller width Dec 24, 2024
@jason-capsule42 jason-capsule42 transferred this issue from AlaskaAirlines/auro-input Dec 24, 2024
@jordanjones243
Copy link
Contributor

Blocked until a conversation with the design team about the layout of input.

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

No branches or pull requests

4 participants