ionic-team / ionic-team/ionic-framework
bug: ItemSliding does not locate options on correct side when document direction changes
- 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
Assessment
This issue has not been assessed yet.