The issue seems to be related to the scrolling mechanism in Flutter Web when running on iOS browsers like Safari and Chrome. Here are some steps you can try to fix the issue:
- Change the Renderer:
Make sure you are using the right graphics option in Flutter (like html instead of CanvasKit) to improve compatibility with iOS browsers.
- Disable Overscroll:
iOS browsers add an Overscroll effect which can cause issues. You can adjust the scroll settings to disable this effect.
- Test the production version:
Sometimes the issues are related to development mode only. Create a production version (flutter build web --release) and test it on your device.
- Update the Flutter environment:
Make sure you are using the latest version of Flutter, as updates may contain improvements or fixes for this issue.
- Check the performance:
If the issue is related to performance, you can reduce the graphics load through design improvements like reducing the use of complex graphics.
If the issue persists, please share more details about the settings you are using (such as browser type and version)