[RangeSlider] RangeSlider draw redundant line when two thumbs overlapped

[valiantwarrior]

trafficstars

Original Issues

• #1394
• #1924

Still happen in 1.8.0

ScreenShot

Library Version

• com.google.android.material:material:1.8.0

Device

• Samsung Galaxy Tab A 10.1 (SM-P580)
• Android 8.1.0 (API 27)
• Samsung Experience 9.5
• 3.18.14-15948922 ( gcc version 4.9.x 20150123 (prerelease) (GCC) )

Build

• compileSdk 33
• targetSdk 33
• minSdk 21

Repro Repo

• https://github.com/valiantwarrior/RangeSliderSample

Source code

    <!-- Plain continuous slider -->
    <com.google.android.material.slider.RangeSlider
        android:id="@+id/no_separation_slider"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:valueFrom="0.0"
        android:valueTo="100.0"
        app:labelBehavior="visible"
        app:layout_constraintStart_toStartOf="@id/guideline_start"
        app:layout_constraintEnd_toEndOf="@id/guideline_end"
        app:layout_constraintTop_toBottomOf="@id/no_separation_value_label" />