ionic-team / ionic-team/ionic-framework

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

Abierto
#26,950 2 comentarios 0 reacciones 0 asignados Ver en GitHub
package: core type: bug
Lenguaje dominante
TypeScript
Estrellas
52.7k
Forks
13.3k
Merge medio
1 d 15 h
PR fusionados (30 d)
51

Descripción

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

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.