Skip to content

Google Maps interactions are not stopped when user is interacting with a component above it (only on web) #1759

@OuiJamy

Description

@OuiJamy

Has your issue been reported?

  • I have searched the existing issues and confirm it has not been reported.
  • I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

When I open a bottomsheet above the google map widget, or any other component like a horizontal list then when the user interacts with the top most component it also interacts with the map.
For example sliding down to close the bottom sheet will also move the map beneath it.

It is also possible to tap on the markers through the component that is above the map.

Expected Behavior

When an element is placed on top of the google map widget then it is not possible to interact with the map anymore.

Steps to Reproduce

  1. Add the google map widget to the screen
  2. Add an action so that when a marker is tapped a bottomsheet opens up
  3. Slide down to close the bottomsheet
  4. The map moves along

Reproducible from Blank

  • The steps to reproduce above start from a blank project.

Bug Report Code (Required)

ITFXls/lvJROvuZE0M7tYfpWoDswGUAHa+dEjO1udzYgF5j4OpYXeOP7blhWQuqzaH47f2CZvzgE+MLFkfL9N/kpEE6tbJRnybVIUxPPbE65MoiJEruSfEFfN+dYfm6B38KzryVBOrBeR2Q91F2mDdmyfz6Cf9qOYwx5e6fDbOY=

Context

I'm trying to display a list of shops on the map and when the user taps on one of them it opens up a bottom sheet with the details/profile of the shop
OR having a horizontal list at the bottom of the map showing the list of shops displayed but scrolling in the list is also moving the map

Visual documentation

image

Additional Info

No response

Environment

- FlutterFlow version: 3.13.7
- Platform: MacOS Pro, Web
- Browser name and version: Chrome 118.0.5993.88
- Operating system and version affected: MacOS Sonoma 14.1

Metadata

Metadata

Labels

status: confirmedIssue has been reproduced and confirmed as a bug.type: bugSomething isn't working.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions