-
Notifications
You must be signed in to change notification settings - Fork 4
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
As a developer I need help with the placement of the calendar in the auro-datepicker #175
Comments
@cynthiaricomendoza-alaskaair that is interesting. I am curious if this is a side-effect of the modal experience being triggered from inside an accordion which has its own positioning. I do know that we have a HUGE PR in the works that addresses multiple UI issues. @jordanjones243 do you have any insight on this issue or how this may be addressed with the upcoming updates? |
@jordanjones243 and @jason-capsule42 can you please validate if this issue still exists with all the updates we have released since this issue was created. |
This is an old bug, but we still would like to validate the use case of a datepicker inside of an accordion on mobile, especially after the floating UI Changes we are working on. |
Confirmed, this is still an issue with a datepicker inside an accordion. |
General Support Request
When testing my changes locally (relating to the auro-datepicker) on my mobile device in our check-in summary page, I noticed that the auro-datepicker isn't positioned correctly, it floats on top of the datepicker rather than taking up the whole screen.
Support request
here is a screen recording of the behavior I am seeing on our check-in summary page
MicrosoftTeams-video.mp4
I would expect the calendar to extend to fit the entire screen but that is not the behavior i am seeing. The reason I didn't submit a bug is because I've seen it work as expected on alaskaair.com/search, so I'm wondering if there some styles or dependencies that we are missing?
Possible Solution
the auro-datepicker is inside a component on our check-in summary page, so i wonder if the styles needs to be updated to no matter where the datepicker is on the page, make sure the calendar extends to the whole page? or keep it how it was in v1.2.9 where the calendar appears below the input, like so:
Context
This issue is preventing us from completing our sprint goals since we cannot move forward with this story with this mobile issue. We are hoping to get some guidance on how we can resolve this.
Your Environment
The text was updated successfully, but these errors were encountered: