iOS WebView + Dialog dim not working.

[taetae98coding]

I just use M3 Scaffold and androidx.compose.ui.window.Dialog but dim not working in ios

• Android is ok

  
  @Composable
  internal fun WebViewScreen(
  modifier: Modifier = Modifier,
  onNavigateUp: () -> Unit,
  ) {
  val uiState = remember { mutableStateOf<WebViewUiState>(WebViewUiState.Url("https://www.naver.com")) }
  val webViewDialogVisibleState = remember { mutableStateOf(false) }
  
  Scaffold(
      modifier = modifier,
      topBar = {
          TopBar(
              onNavigateUp = onNavigateUp,
              onNavigation = { webViewDialogVisibleState.value = true },
          )
      },
  ) {
      WebView(
          modifier = Modifier.fillMaxSize()
              .padding(it),
          uiState = uiState.value,
      )
  }
  
  WebViewDialog(
      uiState = uiState,
      visibleState = webViewDialogVisibleState,
  )
  }

@Composable private fun WebViewDialog( uiState: MutableState, visibleState: MutableState, ) { if (visibleState.value) { Dialog( onDismissRequest = { visibleState.value = false }, ) { DialogContent( modifier = Modifier.fillMaxWidth(), uiState = uiState, visibleState = visibleState, ) } } }

![image](https://github.com/KevinnZou/compose-webview-multiplatform/assets/147542533/3000e6a4-f75b-4398-b45d-0383efde2041)

[KevinnZou]

Thanks for your feedback. If I understood correctly, you want to show a dialog above the WebView and it failed. However, in your screenshot, it seems that the dialog pops out successfully. Could you explain its current behaviour and your expected behaviour? Thanks!

[taetae98coding]

You can see webview and topbar.

• TopBar is dim

• But WebView not

  In Android Dialog show with dim background but ios not.

Here is Android example.

[KevinnZou]

@taetae98coding Thank you for your explanation! I also reproduced the bug. After conducting some research, I think it is the bug caused by UIKitView. The WebView on the iOS side is implemented by WKWebView wrapped inside the UIKitView. I tried to replace WKWebView with UITextView and the problem still exists.

I also found a similar issue in Compose Multiplatform repo: https://github.com/JetBrains/compose-multiplatform/issues/3848.

I will submit this bug to JetBrains and wait for their solution. Thank you for your feedback.

[KevinnZou]

@taetae98coding I have submitted the issue https://github.com/JetBrains/compose-multiplatform/issues/3881

[taetae98coding]

@KevinnZou Thank you for your relply!!

[taetae98coding]

it is fixed compose 1.5.10

[KevinnZou]

it is fixed compose 1.5.10

Yes, I am waiting for the release of 1.5.10.

[KevinnZou]

It has been fixed in https://github.com/KevinnZou/compose-webview-multiplatform/releases/tag/1.7.0