fix(QScrollArea): correctly compute snap position for thumb

Resolves quasarframework#17206
thexeos · May 18, 2024 · 97f7b7d · 97f7b7d
1 parent 36146ba
commit 97f7b7d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/ui/src/components/scroll-area/QScrollArea.js b/ui/src/components/scroll-area/QScrollArea.js
@@ -317,8 +317,9 @@ export default createComponent({
       if (data.thumbHidden.value !== true) {
         const offset = evt[ dirProps[ axis ].offset ]
         if (offset < data.thumbStart.value || offset > data.thumbStart.value + data.thumbSize.value) {
-          const pos = offset - data.thumbSize.value / 2
-          setScroll(pos / container[ axis ].value * data.size.value, axis)
+          const targetThumbStart = offset - data.thumbSize.value / 2
+          const percentage = between(targetThumbStart / (props.container[ axis ].value - data.thumbSize.value), 0, 1)
+          setScroll(percentage * Math.max(0, data.size.value - props.container[ axis ].value), axis)
         }
 
         // activate thumb pan