bug: ion-datetime scrolls infinitely with dir=rtl

[dima-gusyatiner]

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

Current Behavior

The calendar spins months backwards infinitely.

Expected Behavior

The calendar should stay still.

Steps to Reproduce

Add dir="rtl" to index.html

Code Reproduction URL

dima-gusyatiner/datetime-migration-samples@99e44f3

Ionic Info

Ionic:
Ionic CLI : 6.16.3 (/usr/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.0.0-rc.3
@angular-devkit/build-angular : 12.1.4
@angular-devkit/schematics : 12.1.4
@angular/cli : 12.1.4
@ionic/angular-toolkit : 4.0.0

System:
NodeJS : v16.13.1 (/usr/bin/node)
npm : 8.3.0
OS : Linux 5.13

Additional Information

Issue still persists on latest angular & ionic versions.

[ionitron-bot]

Thanks for the issue! This issue has been labeled as holiday triage. With the winter holidays quickly approaching, much of the Ionic Team will soon be taking time off. During this time, issue triaging and PR review will be delayed until the team begins to return. After this period, we will work to ensure that all new issues are properly triaged and that new PRs are reviewed.

In the meantime, please read our Winter Holiday Triage Guide for information on how to ensure that your issue is triaged correctly.

Thank you!

[sean-perkins]

Thanks for reporting this! See the same from our basic examples. Intersection observers and CSS scroll snap are a little finicky.

[sean-perkins]

This has been fixed in #24475 and will be available in the next release of Ionic after the New Year. Please let me know if you would like a dev build to test with in the interim. Thanks!

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.