-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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
fix(date-picker): disable mobile UI #4443
fix(date-picker): disable mobile UI #4443
Conversation
This change disables `flatpickr`'s mobile mode, given we have been not supporting the mobile UI and the mobile UI has caused several JavaScript errors. Fixes carbon-design-system#4420.
Deploy preview for the-carbon-components ready! Built with commit 53300d7 https://deploy-preview-4443--the-carbon-components.netlify.com |
Deploy preview for carbon-components-react failed. Built with commit 53300d7 https://app.netlify.com/sites/carbon-components-react/deploys/5dbc669f635e2aafe0e976f7 |
Deploy preview for carbon-elements failed. Built with commit 53300d7 https://app.netlify.com/sites/carbon-elements/deploys/5db381a484f6030008e6e911 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
issue is resolved for both libraries but would we want to support the native mobile date pickers in the future?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@jeanservaas talking with @joshblack, it seems like we just wanted to verify on the UX design side if we want to disable the MobileUI for the DatePicker. |
@jeanservaas I think what you are seeing may be what is intended. It seems like in the past flatpickr had a mobile view that this PR gets rid of to create that screenshot you posted |
Sorry for not being clear enough @jeanservaas - @abbeyhrt and @joshblack are right, Flatpickr has different look for mobile. We haven't supported that mode, but in the status quo, whenever user goes to mobile such mobile mode is activated, causing several bugs, notably you'll see something below in some conditions (this is browser's native date picker): So we want to ensure mobile mode is never activated. |
@emyarod You have good question, native date picker may be in (future) consideration if we can style it in the way we want. Same thing applies to sliders, etc, too (in my personal opinion). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you for the explanation @asudoh! This looks good to me!
This change disables
flatpickr
's mobile mode, given we have been notsupporting the mobile UI and the mobile UI has caused several
JavaScript errors.
Fixes #4420.
Changelog
New
flatpick
's mobile mode.Testing / Reviewing
Testing should make sure our date picker is not broken.