This bug can be easily produced by the following code snippet:

Scaffold(modifier = Modifier.fillMaxSize(),
    bottomBar = {
      Column(
        modifier = Modifier
         .height(0.dp)
         .wrapContentHeight(Alignment.Bottom, true)
     ) {
        Spacer(
          modifier = Modifier
           .fillMaxWidth()
           .height(50.dp)
           .background(Color.Green)
       )

        Spacer(
          modifier = Modifier
           .fillMaxWidth()
           .height(50.dp)
           .background(Color.Red)
       )
     }
   }) { paddingValues ->
    Spacer(
      Modifier
       .padding(paddingValues)
       .fillMaxSize()
       .background(Color.Black)
   )
 }

As you can see, the

bottomBar

is just a

Column

, and its height is

0.dp

, but when you use a

wrapContentHeight

modifier, guess what? When you run this code, the

bottomBar

can still be showing in the page, that’s so weird. I suddenly found this because I was trying to do some animation. Just don’t know what happend. The compose version is 1.0.1.