github-mirrors/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-04-22 04:57:07 -04:00
Code Issues Projects Releases Packages Wiki Activity

Don't scroll the screen more than the scrollbar would scroll

Browse source
This commit is contained in:
Martin Filser 2021-11-13 14:48:22 +01:00
parent 126c9ab853
commit 3c7ca87625
1 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
client/components/lists/list.js
View file

@ -125,11 +125,17 @@ BlazeComponent.extendComponent({
boardCanvas.scrollLeft -= 15;
ui.helper[0].offsetLeft -= 15;
}
if (event.pageX > boardCanvas.offsetWidth - 10)
if (
event.pageX > boardCanvas.offsetWidth - 10 &&
boardCanvas.scrollLeft < $boardCanvas.data('scrollLeftMax') // don't scroll more than possible
)
{ // scroll to the right
boardCanvas.scrollLeft += 15;
}
if (event.pageY > boardCanvas.offsetHeight - 10)
if (
event.pageY > boardCanvas.offsetHeight - 10 &&
boardCanvas.scrollTop < $boardCanvas.data('scrollTopMax') // don't scroll more than possible
)
{ // scroll to the bottom
boardCanvas.scrollTop += 15;
}
@ -138,6 +144,14 @@ BlazeComponent.extendComponent({
boardCanvas.scrollTop -= 15;
}
},
activate(event, ui) {
const $boardCanvas = $('.board-canvas');
const boardCanvas = $boardCanvas[0];
// scrollTopMax and scrollLeftMax only available at Firefox (https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTopMax)
// https://stackoverflow.com/questions/12965296/how-to-get-maximum-document-scrolltop-value/12965383#12965383
$boardCanvas.data('scrollTopMax', $(document).height() - $(window).height());
// https://stackoverflow.com/questions/5138373/how-do-i-get-the-max-value-of-scrollleft/5704386#5704386
$boardCanvas.data('scrollLeftMax', boardCanvas.scrollWidth - boardCanvas.clientWidth);
},
});