Prerequisites
Ionic Framework Version
v8.x
Current Behavior
On a fresh repository generated using this command:ionic start photo-gallery sidemenu --type=angular --capacitor
All I do is put the attribute dir="rtl" on the <ion-app> element, and the behavior becomes this:
side-menu.mp4
Expected Behavior
The menu should animate in from the right when dir="rtl" for the app.
Steps to Reproduce
ionic start photo-gallery sidemenu --type=angular --capacitorOpen src/app/app.component.html
Change <ion-app> to <ion-app dir="rtl">
npm startOpen web browser and click the hamburger icon in the upper right
Observe the behavior in the video above.
Code Reproduction URL
https://github.com/vicatcu/photo-gallery
Ionic Info
Ionic:
Ionic CLI : 7.2.0 (/home/vic/.nvm/versions/node/v18.20.2/lib/node_modules/@ionic/cli)
Utility:
cordova-res : 0.15.4
System:
NodeJS : v18.20.2 (/home/vic/.nvm/versions/node/v18.20.2/bin/node)
Additional Information
No response
Prerequisites
Ionic Framework Version
v8.x
Current Behavior
On a fresh repository generated using this command:
ionic start photo-gallery sidemenu --type=angular --capacitorAll I do is put the attribute
dir="rtl"on the<ion-app>element, and the behavior becomes this:side-menu.mp4
Expected Behavior
The menu should animate in from the right when dir="rtl" for the app.
Steps to Reproduce
ionic start photo-gallery sidemenu --type=angular --capacitorsrc/app/app.component.html<ion-app>to<ion-app dir="rtl">npm startCode Reproduction URL
https://github.com/vicatcu/photo-gallery
Ionic Info
Ionic:
Ionic CLI : 7.2.0 (/home/vic/.nvm/versions/node/v18.20.2/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 8.4.3
@angular-devkit/build-angular : 19.2.0
@angular-devkit/schematics : 19.2.0
@angular/cli : 19.2.0
@ionic/angular-toolkit : 12.1.1
Utility:
cordova-res : 0.15.4
native-run : 2.0.1
System:
NodeJS : v18.20.2 (/home/vic/.nvm/versions/node/v18.20.2/bin/node)
npm : 10.5.0
OS : Linux 6.9
Additional Information
No response