ionic-team / ionic-team/ionic-framework

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

Aperta
#26,950 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub
package: core type: bug
Lingua principale
TypeScript
Stelle
52.7k
Fork
13.3k
Merge medio
1g 15h
PR unite (30g)
51

Descrizione

### 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_

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.