Web Deployment Workaround for iOS 18.2 Beta Scrolling Issue

General Conversations

When performing a web deployment via the Flutterflow panel, due to the latest iOS 18.2 beta update, scrolling on mobile web pages only works using two fingers. Scrolling with a single finger is currently not functional.

The only workaround available, until a fix is provided by Apple and/or Flutterflow, is as follows:

Requirements:

  • Domain and hosting

  • Windows

  • Flutter installed

  • Visual Studio Code

Steps:

  1. Download the project code from the Flutterflow panel using the "Download Code" option.

  2. Open the project folder in Visual Studio Code (ensure Flutter is installed—follow Flutterflow’s documentation for installation instructions).

  3. Run the following commands in the terminal:

    • flutter channel beta

    • flutter upgrade

  4. Resolve any dependency compatibility issues that arise.

  5. Build the web project by running:
    flutter build web --release --base-href "/"
    (Modify the --base-href value based on the subfolder where the files will be placed in your FTP server.)

  6. Upload the generated files located in project_folder/build/web to the appropriate folder on your FTP server.

After completing these steps, scrolling will work properly on iOS 18.2.

3
4 replies