bug: Item with multiple inputs including datetime renders incorrectly in RTL mode

[sean-perkins]

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

Only in RTL mode, when rendering an ion-item with multiple inputs, such as a checkbox slotted to the start and end and a datetime in the primary content; will clip the datetime in RTL mode only.

Expected Behavior

Datetime should not be clipped in RTL mode.

Steps to Reproduce

1. Open reproduction app
2. Observe: ion-datetime is clipped
3. Change dir="rtl" to dir="ltr"
4. Wait for Stackblitz to reload
5. Observe: Datetime is not clipped

Ignore datetime months changing rapidly within stackblitz with this bug. Due to the width of the datetime being clipped, the intersection observer can fire many times.

Code Reproduction URL

https://stackblitz.com/edit/ztbrct?file=index.html,package.json

Ionic Info

N/A

Additional Information

No response

[sean-perkins]

Resolved with: #25484

Will be available in the next release of Ionic.

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