What is the correct way of disabling screen interaction when `CircularProgressIndicator` is material...

# compose

[ritesh]

What is the correct way of disabling screen interaction when CircularProgressIndicator is materialized on screen.

Box(
    modifier = Modifier.fillMaxSize(),
    showLoading:Boolean,     
  ) {
    LazyColumn { // displaycontent
      
    } 
    if(showLoading){ // disable background screen interaction
       CircularProgressIndicator()
    }
  }

[divid3d]

I would wrap CircularProgressIndicator into Box:

Box(
    modifier = modifier
        .fillMaxSize()   
        .clickable(
            interactionSource = remember { MutableInteractionSource() },
            indication = rememberRipple(bounded = false),
            onClick = { }
        ),
    contentAlignment = Alignment.Center
) {
    CircularProgressIndicator()
}