search

FlutterFlow / flutterflow-issues

A community issue tracker for FlutterFlow.
130 stars 26 forks source link

Scroll Mobile Web Browser #4907

Open scottwyn13 opened 1 day ago

scottwyn13 commented 1 day ago

Can we access your project?

Current Behavior

Scrollable lists, columns or rows do not scroll in mobile web browser. Neither Chrome nor Safari nor DuckDuckGo work.

iOS and Android apps work. Android and iOS simulators running web browsers work. Responsive mode on desktop web browsers work. But the actual phone does not scroll.

Tested on multiple devices using different FF projects.

Expected Behavior

Scrollable columns, rows and lists should scroll.

Steps to Reproduce

  1. Create page.
  2. Create column, row or list.
  3. Change to scrollable.
  4. Add random data - enough data to scroll (50+ items)
  5. Publish to web.
  6. Open website in mobile browser.
  7. Try to scroll - doesn't work.

Reproducible from Blank

Bug Report Code (Required)

ITFTz/Hqx89Nobhe+KrucMdFvD8XM0MfWOdEket+EA0hfZCtO4otPOOlTFFLYtSlegpAIVCJpEwxpPTsvfLEUvpfGxycQLpfz65XQQryJU+6bIyKEqmwRH9BHZpNGn6i5Ka32B15BPtoWGQN1GbzGvCdG3qCf9qOYwx5e6fDbOY=

Visual documentation

Nothing to show since when you try to scroll nothing happens.

Try it: https://abc123xyz.flutterflow.app

Environment

- FlutterFlow version: 5.0.12
- Platform: iOS
- Browser name and version: Safari/Chrome/DuckDuckGo
- Operating system and version affected: iOS 18.2

Additional Information

No response

Alezanello commented 20 hours ago

Hello!

I wasn’t able to replicate the issue on either a simulator or a physical device. Scrolling is working correctly on Safari, Samsung Browser, Firefox, and Google Chrome.

2.mp4

3.mp4

1.mp4

scottwyn13 commented 20 hours ago

One thing I just noticed is if I scroll with two fingers it works but one it doesn’t.

I found a forum posting (outside FF) that mentioned that this can be caused by css code. I would think it might be something I did within FF within custom code, etc but having the issue on a brand new project.

https://stackoverflow.com/questions/72633216/can-only-scroll-page-with-two-fingers-on-ios

This only just started a few days ago.

Any other ideas on what would cause this?

On Fri, Nov 15, 2024 at 2:53 PM Alezanello @.***> wrote:

Hello!

I wasn’t able to replicate the issue on either a simulator or a physical device. Scrolling is working correctly on Safari, Samsung Browser, Firefox, and Google Chrome.

2.mp4 https://uploads.linear.app/3241089d-736a-4422-900b-051e72accdbe/60dd7482-680b-4b0b-8212-12145942ae2e/d3c544a4-326a-4fb5-a14f-e1fea31483f6?signature=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwYXRoIjoiLzMyNDEwODlkLTczNmEtNDQyMi05MDBiLTA1MWU3MmFjY2RiZS82MGRkNzQ4Mi02ODBiLTRiMGItODIxMi0xMjE0NTk0MmFlMmUvZDNjNTQ0YTQtMzI2YS00ZmI1LWExNGYtZTFmZWEzMTQ4M2Y2IiwiaWF0IjoxNzMxNzAwNDE2LCJleHAiOjMzMzAyMjYwNDE2fQ.T4CIHrnVYqwOFpIXWv6Ha3h3PhD3dkx5BQUhwN8wyjc

3.mp4 https://uploads.linear.app/3241089d-736a-4422-900b-051e72accdbe/4a5f42c6-9c68-44f1-ad9d-8ce39e227840/3771db1f-acb3-4285-9ca9-b0ba9b9d4081?signature=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwYXRoIjoiLzMyNDEwODlkLTczNmEtNDQyMi05MDBiLTA1MWU3MmFjY2RiZS80YTVmNDJjNi05YzY4LTQ0ZjEtYWQ5ZC04Y2UzOWUyMjc4NDAvMzc3MWRiMWYtYWNiMy00Mjg1LTljYTktYjBiYTliOWQ0MDgxIiwiaWF0IjoxNzMxNzAwNDE2LCJleHAiOjMzMzAyMjYwNDE2fQ.2KjJvQcot1PChvdOOlAcXAOu1V32v6Kq0VI7HzsON3E

1.mp4 https://uploads.linear.app/3241089d-736a-4422-900b-051e72accdbe/85124a18-dd5a-496a-aff0-01ceba3eecea/f51c5b98-f865-4756-b48b-166b1e00b607?signature=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwYXRoIjoiLzMyNDEwODlkLTczNmEtNDQyMi05MDBiLTA1MWU3MmFjY2RiZS84NTEyNGExOC1kZDVhLTQ5NmEtYWZmMC0wMWNlYmEzZWVjZWEvZjUxYzViOTgtZjg2NS00NzU2LWI0OGItMTY2YjFlMDBiNjA3IiwiaWF0IjoxNzMxNzAwNDE2LCJleHAiOjMzMzAyMjYwNDE2fQ.e5jhdPWDJOgLJXbSEhQvVy6AT-fDFtZ_t_Wv9BjUkfI

— Reply to this email directly, view it on GitHub https://github.com/FlutterFlow/flutterflow-issues/issues/4907#issuecomment-2479817217, or unsubscribe https://github.com/notifications/unsubscribe-auth/BBI6RQ2YDRQEQ63J6J2W4G32AZGNNAVCNFSM6AAAAABR3K5YCGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDINZZHAYTOMRRG4 . You are receiving this because you authored the thread.Message ID: @.***>