GoogleMap widget doesn't respect safe area on iOS

[ardashare-dizayi]

Can we access your project?

• 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

GoogleMap widget doesn't respect the safe area of a page on iOS devices when placed in a scrollable column.

Tested on simulators on MacBook and real iOS devices.

Issue is not present on Android.

It is reproducible in a blank project in a simulator.

Expected Behavior

It should respect the safe area when you scroll. The GoogleMap widget should not be visible in the safe area.

Steps to Reproduce

1. Create a new page
2. Set the existing column in the page to scrollable
3. Insert about 10 containers (so that you can scroll)
4. Add the GoogleMap widget in one of the containers in the middle
5. Scroll up and down, you will see it appear at the bottom and top of the screen, where the safe area is.

Reproducible from Blank

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

Bug Report Code (Required)

ITFXl8j1sIxOsbVE18/MYMZolWAwGUAHa+dEjO1udzYgF5j4E7AufsmkP1JBZOazaH1Xe2aWozgCw8Lsj4TAVu0pC02aGIBDz6l5FhPPbH2VR7rSBoeWe3ZPHe5UBX6G57eskRF4NrReV38u7zqEBOTLcz6Cf9qOYwx5e6fDbOY=

Visual documentation

Screen.Recording.2025-02-01.at.7.31.34.PM.mp4

Environment

- FlutterFlow version: (released Jan 22, 2025)
- Platform: iOS
- Browser name and version: Xcode Simulator
- Operating system and version affected: macOS Sequoia 15.3

Additional Information

It looks very unprofessional for a business. It makes it difficult to do sales when there is such a glaring bug.

[Alezanello]

Hello!

Could you try enabling the "Clip Content" option on the container that holds the map to see if it helps resolve the issue? Alternatively, you can try converting that container into a Component and enabling clipping within it. Let me know if this helps!

[ardashare-dizayi]

Hello Ale, Thank you for your email. Unfortunately neither suggestion worked. I did the following: 1. Enabled clipping on the container containing the GoogleMap widget. 2. Created a new component with the container (with clipping enabled) and the GoogleMap widget. 3. I also tried it with a container with both clipping and safe area enabled. Best regards, Ardashare

…

On 3 Feb 2025 at 6:52 PM +0300, Ale Zanello ***@***.***>, wrote: Hello! Could you try enabling the "Clip Content" option on the container that holds the map to see if it helps resolve the issue? Alternatively, you can try converting that container into a Component and enabling clipping within it. Let me know if this helps! — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>

[Alezanello]

I'll send this over to our engineering team right away for a deeper review and a possible fix.

I've been investigating whether this is a package bug or a Flutter issue rather than something caused by FlutterFlow, but the team will take a closer look to confirm.

[ardashare-dizayi]

Great. Thank you very much.

…

On 4 Feb 2025 at 8:12 PM +0300, Ale Zanello ***@***.***>, wrote: I'll send this over to our engineering team right away for a deeper review and a possible fix. I've been investigating whether this is a package bug or a Flutter issue rather than something caused by FlutterFlow, but the team will take a closer look to confirm. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>