title: How can I use a ModalBottomSheetLayout inside a scrollable Column?
body: <p>For some reason, adding a ModalBottomSheetLayout inside a scrollable column doesn't work. Moving it out of the column works, but then the button is misplaced. Is there a way to make a ModalBottomSheetLayout work inside a scrollable column? I couldn't find anything about this.</p>
  <pre><code>val modalBottomSheetScope = rememberCoroutineScope()
      ModalBottomSheetLayout(
          sheetState = modalBottomSheetState,
          sheetContent = {
              Surface(modifier = Modifier.fillMaxHeight()) {
                  Text(&quot;description&quot;)
              }
          },
      ) {
              TextButton(onClick = {
                  modalBottomSheetScope.launch {
                      modalBottomSheetState.show()
                  }
              }) {
                  Text(text = &quot;Read&quot;, color = Color.Black, style = TextStyle(textDecoration = TextDecoration.Underline))
              }
  }
  </code></pre>
  <p>Adding this to a composable and inside a</p>
  <pre><code>Column(
      modifier = Modifier
          .verticalScroll(rememberScrollState())
          .fillMaxSize()
  ) { 
  
  }
  </code></pre>
  <p>Will not allow for the bottomsheet to appear</p>