IssueTracker

Issue present in older and most recent version of compose.

In a scrolling component e.g. in a LazyColumn, pressing on the RangeSlider and then dragging will result in the slider accepting the press and adjust the range. This is undesirable behaviour because it is then difficult to scroll through a screen with sliders without inadvertently changing their values.

For reference the standard compose Slider() correctly ignores presses when scrolling.

To reproduce, run this simple code. Press on the sliders and then drag up to initiate a scroll. Notice how the behavior of Slider and RangeSlider is different.

                var sliderVal by remember { mutableFloatStateOf(0f) }
                var rangeVal by remember { mutableStateOf(0f..1f) }

                LazyColumn(
                    modifier = Modifier
                        .fillMaxSize()
                        .padding(50.dp)

                ) {
                    item {
                        Spacer(modifier = Modifier.height(100.dp))

                        Slider(
                            value = sliderVal,
                            onValueChange = { sliderVal = it }
                        )

                        Spacer(modifier = Modifier.height(100.dp))

                        RangeSlider(
                            value = rangeVal,
                            onValueChange = { rangeVal = it }
                        )

                        Spacer(modifier = Modifier.height(1000.dp))
                    }
                }