title: Jetpack Compose: how to disable gesture detection on children
body: <p>Is there a built-in <code>Modifier</code> that disables any gesture detection / pointer input interaction of its children?</p>
  <p>e.g.</p>
  <pre class="lang-kotlin prettyprint-override"><code>@Composable
  fun Foo() {
      Box(modifier = Modifier.gesturesEnabled(enabled = false)) {
          BasicText(text = &quot;Hello&quot;, modifier = Modifier.clickable { // clickable is not enabled
              // ...
          })
      }
  }
  </code></pre>
  <p>I could roll my own (very simple) implementation using a <code>CompositionLocal</code>:</p>
  <pre class="lang-kotlin prettyprint-override"><code>val LocalGesturesEnabled = compositionLocalOf { mutableStateOf(true) }
  
  fun Modifier.myClickable(onClick: () -&gt; Unit, enabled: Boolean = true) = composed {
      clickable(enabled = enabled &amp;&amp; LocalGesturesEnabled.current.value, onClick)
  }
  </code></pre>
  <p>But it won't work with third party composables or with more complex composables like <code>LazyList</code>.</p>