bug: `ion-datetime` mode="ios" swipe locks when swiping next/previous on desktop

[StevieApp]

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

try date time swiping left or right and the months don't switch but it presents a new set of dates with min and max implemented . But the dates are not clickable. I'm not sure if I'm the only one facing this issue

<ion-card class="ion-no-padding">
<ion-card-content class="ion-no-padding">
<ion-datetime>
<div slot="title"> {{name | translate}} </div>
</ion-datetime>
</ion-card-content>
</ion-card>

Expected Behavior

The months should switch. or at least the date should be clickable then it can switch.

Steps to Reproduce

Just display a simple date time then display try swiping left and right

Code Reproduction URL

• https://github.com/sean-perkins/gh-24482-date-swipe

Ionic Info

No response

Additional Information

No response

[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]

Hello @StevieApp thanks for reporting this issue.

I've created a reproduction here: https://github.com/sean-perkins/gh-24482-date-swipe. I'll update the title to best describe the issue.

The problem is that the ios approach for datetime is built around limitations with Safari's Intersection Observer implementation. We didn't really intend for developers to use the ios display mode for desktop touch devices.

The intersection observer fires at a 70% threshold, which accounts for some oddities in Safari. We can likely explore additional platform checks to only do this behavior on a mobile device.

[StevieApp]

Thank you. That would be great especially if the results can be replicated to mobile devices i.e. android and iOS.

…

On Wed, Jan 5, 2022, 9:59 PM Sean Perkins ***@***.***> wrote: Hello @StevieApp <https://github.com/StevieApp> thanks for reporting this issue. I've created a reproduction here: https://github.com/sean-perkins/gh-24482-date-swipe. I'll update the title to best describe the issue. The problem is that the ios approach for datetime is built around limitations with Safari's Intersection Observer implementation. We didn't really intend for developers to use the ios display mode for desktop touch devices. The intersection observer fires at a 70% threshold, which accounts for some oddities in Safari. We can likely explore additional platform checks to only do this behavior on a mobile device. — Reply to this email directly, view it on GitHub <#24482 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AHJSVX7V6FGRKFUGF3MVU5DUUSIH5ANCNFSM5KUM6GBQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you were mentioned.Message ID: ***@***.***>