Prerequisites
Ionic Framework Version
v8.x
Current Behavior
On iOS, if you add ion-menu with swipe-gesture enabled on a page, and then navigate to a different page, and swipe from left side of screen to the right, there is a javascript error:
TypeError The provided value is non-finite
Here is stacktrace:
f://localhost/assets/p-CtukzcyX-BJW7t2Im.js:2:2217
[native code] forEach
f://localhost/assets/p-CtukzcyX-BJW7t2Im.js:2:2210 Q
f://localhost/assets/p-CtukzcyX-BJW7t2Im.js:2:5030 progressStep
f://localhost/assets/p-CtukzcyX-BJW7t2Im.js:2:5022
[native code] forEach
f://localhost/assets/p-CtukzcyX-BJW7t2Im.js:2:5002 progressStep
f://localhost/assets/smartRouter-CIhTEPpS.js:2:463597 onMove
It seems to come from the code:
const step = deltaX / this.width; // deltaX / 0 = NaN
this.animation.progressStep(NaN); // throws "The provided value is non-finite"
This could be due to swipe using a full document listener, but menu has 0 width since it's not currently rendered.
Expected Behavior
No error
Steps to Reproduce
See above.
Code Reproduction URL
|
const delta = computeDelta(detail.deltaX, this._isOpen, this.isEndSide); |
|
const stepValue = delta / this.width; |
Ionic Info
[repositories/fareclock-tc-next] $ ionic info
Ionic:
Ionic CLI : 7.2.1 (/Users/jacob/.volta/tools/image/packages/@ionic/cli/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 8.8.13
Capacitor:
Capacitor CLI : 8.4.1
@capacitor/android : 8.4.1
@capacitor/core : 8.4.1
@capacitor/ios : 8.4.1
Utility:
cordova-res : 0.15.4
native-run : 2.0.3
System:
NodeJS : v24.14.0 (/Users/jacob/.volta/tools/image/node/24.14.0/bin/node)
npm : 11.9.0
OS : macOS Unknown
Additional Information
No response
Prerequisites
Ionic Framework Version
v8.x
Current Behavior
On iOS, if you add ion-menu with swipe-gesture enabled on a page, and then navigate to a different page, and swipe from left side of screen to the right, there is a javascript error:
Here is stacktrace:
It seems to come from the code:
This could be due to swipe using a full document listener, but menu has 0 width since it's not currently rendered.
Expected Behavior
No error
Steps to Reproduce
See above.
Code Reproduction URL
ionic-framework/core/src/components/menu/menu.tsx
Lines 592 to 593 in 163cd24
Ionic Info
[repositories/fareclock-tc-next] $ ionic info
Ionic:
Ionic CLI : 7.2.1 (/Users/jacob/.volta/tools/image/packages/@ionic/cli/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 8.8.13
Capacitor:
Capacitor CLI : 8.4.1
@capacitor/android : 8.4.1
@capacitor/core : 8.4.1
@capacitor/ios : 8.4.1
Utility:
cordova-res : 0.15.4
native-run : 2.0.3
System:
NodeJS : v24.14.0 (/Users/jacob/.volta/tools/image/node/24.14.0/bin/node)
npm : 11.9.0
OS : macOS Unknown
Additional Information
No response