ionic-team / ionic-team/ionic-framework

bug: ItemSliding does not locate options on correct side when document direction changes

Open
#26,950 2 comments 0 reactions 0 assignees View on GitHub
package: core type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v6.x

### Current Behavior

After changing the app to RTL, the method open() from ion-item-sliding doesn't work.

### Expected Behavior

The open() method from ion-item-sliding is expected to work like when it is in LTR

### Steps to Reproduce

1. Add a click event to the ion item inside the ion-item-sliding that triggers slidingItem.open('end') for example
2. Change document.documentElement.dir to 'rtl'
3. Try to sliding the ion-item-sliding by clicking on it

In my code reproduction app, just click the button to go to other Page, change to RTL by clicking the button and then try to slide the ion-item-sliding by clicking on it.

### Code Reproduction URL

https://github.com/FranciskoNeves/IonBackButtonRTL

### Ionic Info

Ionic:

Ionic CLI : 6.20.3 (C:\Users\Francisco.neves\AppData\Roaming\nvm\v16.13.0\node_modules\@ionic\cli)
Ionic Framework : @ionic/angular 6.6.0
@angular-devkit/build-angular : 15.1.1
@angular-devkit/schematics : 15.1.1
@angular/cli : 15.1.1
@ionic/angular-toolkit : 6.1.0

Capacitor:

Capacitor CLI : 4.6.1
@capacitor/android : not installed
@capacitor/core : 4.6.1
@capacitor/ios : not installed

Utility:

cordova-res : 0.15.4
native-run : 1.7.1

System:

NodeJS : v16.13.0 (C:\Program Files\nodejs\node.exe)
npm : 8.1.0
OS : Windows 10

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.