[FIXED] How to disable interaction when CircularProgressIndicator is active?

Issue

What is the correct way/approach to disable the background interaction when progress bar is active.

  Box(
    modifier = Modifier.fillMaxSize(),
    contentAlignment = Alignment.Center
  ) {
    // Some content (when anyState is true, disable screen interaction)
    if(anyState){
       MaterialCircularProgressIndicator()
    }
  }

Solution

This worked out for me.

    if (anyState) {
        Box(modifier = Modifier
            .fillMaxSize()
            .clickable(
                indication = null, // disable ripple effect
                interactionSource = remember { MutableInteractionSource() },
                onClick = { }
            ),
            contentAlignment = Alignment.Center
        ) {
            CircularProgressIndicator()
        }
    }

Answered By - Ritt
Answer Checked By - Gilberto Lyons (JavaFixing Admin)