My issue can be better explained with a GIF:
https://i.sstatic.net/miRVH.gif
The main page is "Challenges" and it has a link to "Challenge creation". The problem occurs when you visit that link and then return to the "Challenges" page (refer to the GIF).
After spending a significant amount of time debugging, I simplified the app to just two pages. However, the bug persisted. It only seems to happen in "ios" mode. My hypothesis is that it might be related to Ionic animations. It could be that the menu shifts too far to the left when hidden, causing the content to also move left.
Things I have tried:
- Testing on different browsers (the issue also occurs on actual devices)
- Using different computers
- Creating a new Ionic project with similar functionality of two pages (which worked fine) and comparing it to my project
Unfortunately, none of these attempts resolved the issue. Has anyone else experienced this bug?
Source code: https://github.com/i-chornyi/ios-menu-bug