title: How to properly use Jetpack Compose inside BottomSheetDialogFragment?
body: <p>For example, I have MyBottomSheetDialogFragment with Compose LazyColumn code in the application:</p>
  <pre><code>class MyBottomSheetDialogFragment : BottomSheetDialogFragment() {
      override fun onCreateView(
          inflater: LayoutInflater,
          container: ViewGroup?,
          savedInstanceState: Bundle?
      ): View {
          return ComposeView(requireContext()).apply {
              setContent {
                  Column(horizontalAlignment = Alignment.CenterHorizontally) {
                      Text(&quot;Header&quot;, color = Color.Black)
                      LazyColumn(
                          Modifier
                              .weight(1f)
                              .fillMaxWidth()) {
                          items(100) {
                              Text(&quot;Item $it&quot;, Modifier.fillMaxWidth(), Color.Black)
                          }
                      }
                  }
              }
          }
      }
  }
  </code></pre>
  <p>And show it using this code:</p>
  <pre><code>MyBottomSheetDialogFragment().show(activity.supportFragmentManager, null)
  </code></pre>
  <p>That's what we have:</p>
  <p><a href="https://i.stack.imgur.com/YvR5M.jpg" rel="noreferrer">MyBottomSheetDialogFragment screen image.jpg</a></p>
  <p>Now if to scroll LazyColumn list DOWN then everything works as it should, but if to scroll LazyColumn list UP then Bottom Sheet Dialog scrolls instead of LazyColumn list.</p>
  <p>How to properly implement LazyColumn inside BottomSheetDialogFragment?</p>
  <p>When we used the XML RecyclerView list, to fix this issue we had to wrap the RecyclerView list with NestedScrollView like <a href="https://stackoverflow.com/a/54777104/14455214">described here</a>, but how to fix it with Jetpack Compose?</p>