GoogleMap inside a Dialog glitches and shows unwanted trasparency

Please be sure to include as much information as possible:

Environment details

OS type and version: Android 14 (issue discovered only on Google Pixel 7a)
Library and version: com.google.maps.android:maps-compose:5.0.3
Compose version: BOM 2024.04.00, Compiler 1.5.10

Steps to reproduce

Create a simple layout with some content
Add a composable Dialog on top of this content
Put a GoogleMap inside the aforementioned dialog
Pan and Zoom the map and look closely around streets or railways in particular, you will notice a slight transparency around the border of map's elements that allows to see content beneath the dialog.

Code example

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Row(modifier = Modifier.fillMaxSize()) {
                Box(Modifier.weight(1f).fillMaxHeight().background(Color.Red))
                Box(Modifier.weight(1f).fillMaxHeight().background(Color.Green))
                Box(Modifier.weight(1f).fillMaxHeight().background(Color.Blue))
            }
            Dialog(
                onDismissRequest = {},
            ) {
                GoogleMap()
            }
        }
    }
}

Screenshots

This is what happens in our app, sometimes it glitches even worse

Footnote

This issue has only been observed on Google Pixel 7a, we tested 2 different 7a and both of them have this issue. Other phones with android 14 including S23 ultra and Pixel 4a do not have this issue.

We have also tried to:

put a colored box inside the dialog and behind the map
draw a filled rectangle with drawBehind modifier
set the GoogleMapOptions.backgroundColor property
but neither of those have resolved the issue.

Thanks.

Any updates on this?
Thank you.

I am experiencing the exact same issue when using the map inside a Dialog composable. The background is transparent on a Pixel 7 but it works as expected in the emulator.

Pixel 7:

Emulator:

I am using Compose 1.6.8 and 6.1.2/4.3.2 of this library.

Another approach I tried is adding a background directly to the dialog bit it did also not work:

val localView = LocalView.current
LaunchedEffect(localView) {
    (localView.parent as? DialogWindowProvider)?.window?.setBackgroundDrawable(android.graphics.drawable.ColorDrawable(android.graphics.Color.RED))
}

Any updates on this or maybe a workaround? Thanks

Hi, any updates? Thank you

Still no updates or workarounds? Thanks

This still happens on some devices with com.google.maps.android:maps-compose:6.12.1 and androidx.compose:compose-bom:2025.10.00 ... any updates? 🙏

This is still a major issue for us. It also happens in satellite mode depending on the zoom level.

1000053001.mp4

Same issue here with a map in a ModalBottomSheet

compose BOM : 2025.12.00
Google maps SDK : 6.12.2

Screen_recording_20251216_180214.mp4

I was able to fix this issue by applying this Modifier to the GoogleMap Composable:

Modifier.graphicsLayer(compositingStrategy = CompositingStrategy.Offscreen)

Should work for both Dialog and ModalBottomSheet.
Let me know if this fixes your issue as well.

@Enjot

@Enjot solution did the trick for me, thanks!

@matteo-goghero-leitha

@matteo-goghero-leitha let's keep it open so that authors of the library can fix this on their side

You're right

Navigation Menu

Repository navigation

GoogleMap inside a Dialog glitches and shows unwanted trasparency #588

Environment details

Steps to reproduce

Code example

Screenshots

This is what happens in our app, sometimes it glitches even worse

Footnote

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

GoogleMap inside a Dialog glitches and shows unwanted trasparency #588

Description

Environment details

Steps to reproduce

Code example

Screenshots

This is what happens in our app, sometimes it glitches even worse

Footnote

Activity

matteo-goghero-leitha commented on Jul 29, 2024

ln-12 commented on Sep 4, 2024

sacelis commented on Oct 11, 2024

matteo-goghero-leitha commented on Feb 7, 2025

matteo-goghero-leitha commented on Sep 3, 2025

DanicMa commented on Oct 22, 2025

ln-12 commented on Oct 30, 2025

frlgrd commented on Dec 16, 2025

Enjot commented on Mar 8, 2026

matteo-goghero-leitha commented on Mar 10, 2026

Enjot commented on Mar 13, 2026

matteo-goghero-leitha commented on Mar 13, 2026

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions