Pointers Overlap

In the two pointer range slider, pointer overlap can be enabled using pointers-overlap attribute:

<tc-range-slider 
  pointers-overlap="true" 
  value1="30" 
  value2="50"
  value3="70"
  generate-labels="true"
  round="0">
</tc-range-slider>

There is also a corresponding API:

const $slider = document.querySelector('#slider');
$slider.pointersOverlap = true;

📌 An example page with the source code can be found here.