title: Column with .scrollable() modifier breaks map vertical scroll
body: <h1>The problem</h1>
  <p>I'm trying to implement simple map view inside scrollable column. The problem is that I can't scroll map vertically, as scroll event is captured by column and instead of map, whole column is scrolling. Is there any way to disable column scrolling on map element? I thought about using <code>.nestedScroll()</code> modifier, but I can't find a way to make it work as desired.</p>
  <h1>Code</h1>
  <h3>LocationInput (child)</h3>
  <pre class="lang-kotlin prettyprint-override"><code>// Not important in context of question, but I left it so the code is complete
  @Composable
  private fun rememberMapLifecycleObserver(mapView: MapView): LifecycleEventObserver =
    remember(mapView) {
      LifecycleEventObserver { _, event -&gt;
        when (event) {
          Lifecycle.Event.ON_CREATE -&gt; mapView.onCreate(Bundle())
          Lifecycle.Event.ON_START -&gt; mapView.onStart()
          Lifecycle.Event.ON_RESUME -&gt; mapView.onResume()
          Lifecycle.Event.ON_PAUSE -&gt; mapView.onPause()
          Lifecycle.Event.ON_STOP -&gt; mapView.onStop()
          Lifecycle.Event.ON_DESTROY -&gt; mapView.onDestroy()
          else -&gt; throw IllegalStateException()
        }
      }
    }
  
  // Not important in context of question, but I left it so the code is complete
  @Composable
  private fun rememberMapViewWithLifecycle(): MapView {
    val context = LocalContext.current
    val mapView = remember {
      MapView(context)
    }
  
    // Makes MapView follow the lifecycle of this composable
    val lifecycleObserver = rememberMapLifecycleObserver(mapView)
    val lifecycle = LocalLifecycleOwner.current.lifecycle
    DisposableEffect(lifecycle) {
      lifecycle.addObserver(lifecycleObserver)
      onDispose {
        lifecycle.removeObserver(lifecycleObserver)
      }
    }
  
    return mapView
  }
  
  
  @Composable
  fun LocationInput() {
    val map = rememberMapViewWithLifecycle()
    Column(Modifier.fillMaxSize()) {
      var mapInitialized by remember(map) { mutableStateOf(false) }
      val googleMap = remember { mutableStateOf&lt;GoogleMap?&gt;(null) }
  
      LaunchedEffect(map, mapInitialized) {
        if (!mapInitialized) {
          googleMap.value = map.awaitMap()
          googleMap.value!!.uiSettings.isZoomGesturesEnabled = true
          mapInitialized = true
        }
      }
  
      AndroidView({ map }, Modifier.clip(RoundedCornerShape(6.dp))) { mapView -&gt;
  
      }
    }
  }
  </code></pre>
  <h3>ScrollableColumn (parent)</h3>
  <pre class="lang-kotlin prettyprint-override"><code>@Composable
  fun TallView() {
    Column(Modifier.verticalScroll(rememberScrollState())) {
      Spacer(Modifier.height(15.dp))
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
      Row(Modifier.height(250.dp)) {
        LocationInput()
      }
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
      Text(text = &quot;Content&quot;, style = MaterialTheme.typography.h3)
    }
  }
  </code></pre>
  <h1>Screen Capture</h1>
  <p><a href="https://i.stack.imgur.com/dMAzK.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dMAzK.gif" alt="enter image description here" /></a></p>