javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(datetime): disable intersection observer during month update (#24713)

Browse Source 
Resolves #24712
This commit is contained in:
Sean Perkins
2022-02-04 11:39:21 -05:00
committed by GitHub
parent df84d155ea
commit aab4d306f8
1 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
core/src/components/datetime/datetime.tsx
View File

@ -771,6 +771,13 @@ export class Datetime implements ComponentInterface {
*/ */
writeTask(() => { writeTask(() => {
// Disconnect all active intersection observers
// to avoid a re-render causing a duplicate event.
if (this.destroyCalendarIO) {
this.destroyCalendarIO();
}
raf(() => {
this.setWorkingParts({ this.setWorkingParts({
...this.workingParts, ...this.workingParts,
month, month,
@ -778,10 +785,12 @@ export class Datetime implements ComponentInterface {
year year
}); });
raf(() => {
calendarBodyRef.scrollLeft = workingMonth.clientWidth * (isRTL(this.el) ? -1 : 1); calendarBodyRef.scrollLeft = workingMonth.clientWidth * (isRTL(this.el) ? -1 : 1);
calendarBodyRef.style.removeProperty('overflow'); calendarBodyRef.style.removeProperty('overflow');
calendarBodyRef.style.removeProperty('pointer-events'); calendarBodyRef.style.removeProperty('pointer-events');
endIO?.observe(endMonth);
startIO?.observe(startMonth);
}); });
/** /**