input-range | Demos | Playground

The result of getBoundingClientRect is shown as a blue outline. The result of getClientRects is shown as red highlights.

Start offset End offset

Textarea

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel auctor magna. Sed dui elit, rhoncus placerat volutpat et, placerat sed ante. Curabitur eleifend vulputate erat quis accumsan. Etiam ut orci id metus pellentesque molestie. Suspendisse potenti. Sed sodales ante sit amet risus vehicula dignissim. Sed ultricies sem diam, quis consequat nibh faucibus eget. Curabitur auctor consequat ornare. Proin efficitur, ex nec ultricies pulvinar, nunc leo blandit ante, efficitur tincidunt nisl felis in quam. Cras ullamcorper justo quis mauris gravida, vitae eleifend felis feugiat. Etiam ut nisi id magna venenatis fermentum non ac enim. Proin sit amet tellus a tellus suscipit pulvinar. Phasellus iaculis, risus ut volutpat scelerisque, tellus est condimentum dui, ac lacinia neque magna vitae velit.

Sed scelerisque ante eget dapibus mattis. Donec ut dictum justo. Nulla id elit eu ante faucibus pharetra. Fusce ac turpis eget mauris rutrum tempus nec bibendum arcu. Cras mattis mollis quam, sed ullamcorper ligula congue non. Nullam arcu risus, vestibulum in faucibus et, consequat sit amet dui. Nulla facilisi. Cras vestibulum finibus odio. Curabitur sagittis ornare ipsum in condimentum. Donec nec erat leo. Phasellus efficitur imperdiet mi ut faucibus. Phasellus sit amet mauris tincidunt, luctus leo id, consequat urna.

Nullam condimentum nunc erat, quis commodo turpis suscipit ut. Etiam hendrerit, mauris ac pharetra rhoncus, elit elit luctus odio, sed sodales mi magna quis ex. Aliquam dignissim, massa ac tristique egestas, neque libero dictum sapien, eu molestie mi nulla a quam. Sed laoreet malesuada imperdiet. Morbi a augue quam. Integer ac vestibulum turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce aliquam erat dolor, eu posuere nisl facilisis ac. Sed sodales in ex porttitor luctus. Ut in odio faucibus, euismod turpis sed, sollicitudin lacus.