bug: opened page does not properly react on changes of dir attribute

[stanislavkulibaba]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x
• v7.x
• Nightly

Current Behavior

When setting dir="rtl" or dir="ltr", an active page(pages which are already opened as well) does not change swipe gesture direction but animation direction does.

Expected Behavior

Swipe gesture should change it's direction from rtl to ltr and vice versa

Steps to Reproduce

1. Open page
2. Change language direction in the app (dir attribute)
3. Check opened page

Code Reproduction URL

No response

Ionic Info

"@ionic/angular": "6.5.0",
"@ionic/core": "6.5.0",

Additional Information

Happens because the rtl property calculated only once during page init and never recalculated.

export const createSwipeBackGesture = (
  el: HTMLElement,
  canStartHandler: () => boolean,
  onStartHandler: () => void,
  onMoveHandler: (step: number) => void,
  onEndHandler: (shouldComplete: boolean, step: number, dur: number) => void
): Gesture => {
  const win = el.ownerDocument!.defaultView!;
  const rtl = isRTL(el); <----

[liamdebeasi]

Thanks for the issue. This has been resolved via #26795, and a fix will be available in an upcoming release of Ionic Framework.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.