IssueTracker

Jetpack Compose version: 1.3.0-rc01

Jetpack Compose Material3 version: 1.0.0-rc01

Jetpack Compose Compiler version: 1.3.2

Jetpack Compose component used: ModalNavigationDrawer/ModalDrawerSheet (Material3)

Android Studio Build: Android Studio Flamingo | 2022.2.1 Canary 5

Kotlin version: 1.7.20

You can see a black thin line on the left upper side, that comes from the drawer. Using -1dp less offset works.

Steps to Reproduce or Code Sample to Reproduce:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.material3.DrawerValue
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.ModalDrawerSheet
import androidx.compose.material3.ModalNavigationDrawer
import androidx.compose.material3.Surface
import androidx.compose.material3.darkColorScheme
import androidx.compose.material3.lightColorScheme
import androidx.compose.material3.rememberDrawerState
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

@OptIn(ExperimentalMaterial3Api::class)
class ModalNavigationDrawerBug: ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			MaterialTheme(lightColorScheme()) {
				val dState = rememberDrawerState(initialValue = DrawerValue.Closed)
				ModalNavigationDrawer(
					gesturesEnabled = true,
					drawerState = dState,
					content = { Surface(Modifier.fillMaxSize()) { } },
					drawerContent = {
						ModalDrawerSheet(
							// modifier = Modifier.offset((-1).dp, 0.dp) // TODO: temporary fix
						) {
							Box(modifier = Modifier
								.background(Color.Black)
								.fillMaxWidth()
								.height(200.dp))
						}
					}
				)
			}
		}
	}
}

Image