Hey there I;m having an issue with my compose app....

# compose

[Ezra Golombek]

Hey there I;m having an issue with my compose app. Essentially I have two columns and they both have children of boxes that can be dragged around (everything has a background color so that I can see whats over what) The dragging works great the issue is that even after I set the zindex of the children and the parent columns they are in the children are hidden under the other column. Any idea what the issue is ?

[Ezra Golombek]

code snippet:

kt   @OptIn(ExperimentalFoundationApi::class)
   @Composable
   fun Area(moveableItemsIDS: SnapshotStateList<String>) {
      Column(
         Modifier.zIndex(0.4f).background(Color.LightGray).fillMaxHeight(95f).width(300.dp)
      ) {
         for (moveableID in moveableItemsIDS) {
            var xOffset by remember { mutableStateOf(0f) }
            var yOffset by remember { mutableStateOf(0f) }
            Box(
   
               modifier = Modifier.zIndex(100f).absoluteOffset { IntOffset(xOffset.toInt(), yOffset.toInt()) }
                  .draggable2D(rememberDraggable2DState {
                     xOffset += it.x
                     yOffset += it.y
   
                  })
                  .size(50.dp).background(Color.Green)
   
   
            ) {
               Text(moveableID)
            }
         }
      }
   }
   
   @Composable
   @Preview
   fun App() = MaterialTheme {
   //   SchedulePreview()
   //  ScheduleVie()
   
      Row {
         val a = mutableStateListOf("hi", "bye")
         val b = mutableStateListOf("wow", "show")
   
   
   
         Area(a )
         Area(b)
   
   
      }
   
   }