Carbon: Date picker: bugs on mobile devices

Created on 4 Mar 2019  路  9Comments  路  Source: carbon-design-system/carbon

Detailed description

On mobile devices the date picker is not rendering correct styles for single date picker and date range.

img_0723
img_0724
img_0725

What did you expect to happen? What happened instead? What would you like to see changed?

Should still look and preform like date pickers on the desktop view

What browser are you working in?

iOS Chrome

What version of the Carbon Design System are you using?

10 beta

combobox date-picker high 馃槺 dev 馃 1 馃毃 bug 馃悰

All 9 comments

related: https://github.com/IBM/carbon-components/issues/1775

if I'm not mistaken, the website uses the React version of the component and its dependencies are outdated by several versions

opened https://github.com/IBM/carbon-components-react/issues/1965 to sync the vanilla and React date pickers

@emyarod Component demos for most components use vanilla, if it was your question above. Only React-only components use React for demos.

Would throwing a -webkit-appearance: none; on the input work? I can't replicate the problem on my computer even using the iPhone 8 user agent. I can see the problem on my phone though

we should update the site dependencies or examine the latest component library examples first so we can figure out which issues still persist, since I think some of these have already been addressed

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. Thanks for your contributions.

Still rendering wrong on mobile. Need to fix.

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

Stop it stale bot, still a bug.

I'm no longer seeing this issue on my phone, closing this issue. If someone is still seeing please re-open with steps to reproduce.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

JordanWSmith15 picture JordanWSmith15  路  3Comments

emyarod picture emyarod  路  3Comments

antonmc picture antonmc  路  3Comments

ConradSchmidt picture ConradSchmidt  路  3Comments

jhpedemonte picture jhpedemonte  路  3Comments