Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: ion-datetime jump to previous month after select time #2416

See original GitHub issue

Prerequisites

I have read the Contributing Guidelines.
I agree to follow the Code of Conduct.
I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v4.x
v5.x
v6.x
Nightly

Current Behavior

In ion-datetime if you select time when you are in current month. (For example today is Jun. 23th) then close the time picker. the month will auto jump to May. but the selected date not change just UI glitch.

Expected Behavior

this should not happened

Steps to Reproduce

Create <ion-datetime> component.
Select time in current month. (only happens on today’s month)
Close time picker
You will see jump to last month.

Code Reproduction URL

https://stackblitz.com/edit/angular-zv8q4b?file=src%2Fapp%2Fapp.component.html

Ionic Info

just use the ionic api doc StackBlitz example link you will see this error

Additional Information

No response

Issue Analytics

State:
Created a year ago
Reactions:2
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

liamdebeasicommented, Jun 29, 2022

Glad to hear the issue is resolved. I am going to close this for now as the issue is a browser bug and there is a workaround. If you run into other troubles with this bug, let me know and we can re-open. Thanks again!

1reaction

liamdebeasicommented, Jun 28, 2022

Thanks! This looks like a Firefox-specific bug. The Bootstrap animation sets overflow: hidden on the #collapse element, which causes Firefox to incorrectly fire an IntersectionObserver callback again. A couple thoughts:

If you put the collapsing APIs on ion-datetime directly, does that fix the issue? (#collapse="bs-collapse, [collapse]="isCollapsed", [isAnimated]="true", etc)
Does the issue go away if you use ion-accordion instead?

Top Results From Across the Web

Ion-datetime month change automatically after select time

but I found after I select time, the month will jump to another month automatically. but value set correct. just UI change. it's...

ion-datetime dynamic value change doesn't work for certain ...

Okay, I finally found the problem. I initially used the Date.toISOString() method and splitted the result to get just the date, but since...

Calendar - Change Log - Bryntum

#5606 – Calendar events duplicated in UI when events start date is changed. Version 5.2.3. 2022-11-17. BUG FIXES. #5051 – Field does not ......

Changelog - Highcharts

This allows for granular deferring of series animation, labels etc. Added toggle feature for the data table in the export-data module. See #13690....

Untitled

Arxidia tou karampela, News times of india mumbai, Jan zielonka wikipedia, ... Giogo per buoi, Hydrogen ion chemical symbol, Blink 182 google interview, ......