title: Disable touch events for a container
body: <p>I try to implement my toast stack from my React-Native app in Jetpack Compose.</p>
  <p>MainActivity:</p>
  <pre><code>class MainActivity : ComponentActivity() {
      override fun onCreate(savedInstanceState: Bundle?) {
          super.onCreate(savedInstanceState)
          
          val toastStack = ToastStack()
  
          setContent {
              MainContent(toastStack) // Here we have logic that pushes a toast into our stack
              ToastStack(toastStack) // Here we show toasts
          }
      }
  }
  </code></pre>
  <p>ToastStack:</p>
  <pre><code>@Composable
  fun ToastStack(toastStack: ToastStack) {
      val stack by toastViewModel.stack.observeAsState(listOf())
  
      LazyColumn(
          verticalArrangement = Arrangement.Bottom,
          userScrollEnabled = false,
          modifier = Modifier
              .fillMaxSize(),
      ) {
          items(stack, key = { it.id }) { toast -&gt;
              Toast(
                  toast = toast,
                  onToastEnd = { toastStack.removeToast(toast.id) }
              )
          }
      }
  }
  </code></pre>
  <p>The problem is that <em>LazyColumn</em> have the size of the screen and it blocks all touch events for the <em>MainContent</em>. In React-Native I used <code>pointerEvents=&quot;box-none&quot;</code> to make the view that contains toasts ignore all touch events. Is there any way I can do the same in Jetpack Compose?</p>