mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
Merge pull request #19998 from overleaf/dp-presentation-mousewheel
Navigate pdf pages in presentation mode using mousewheel/trackpad GitOrigin-RevId: 960e3456bb02e2286776632638ad1e3892f59c6a
This commit is contained in:
parent
9416e69647
commit
ced42ec748
1 changed files with 27 additions and 1 deletions
|
@ -74,17 +74,43 @@ export default function usePresentationMode(
|
||||||
[nextPage, previousPage]
|
[nextPage, previousPage]
|
||||||
)
|
)
|
||||||
|
|
||||||
|
const isMouseWheelScrollingRef = useRef(false)
|
||||||
|
|
||||||
|
const mouseWheelListener = useCallback(
|
||||||
|
(event: WheelEvent) => {
|
||||||
|
if (
|
||||||
|
!isMouseWheelScrollingRef.current &&
|
||||||
|
!event.ctrlKey // Avoid trackpad pinching
|
||||||
|
) {
|
||||||
|
isMouseWheelScrollingRef.current = true
|
||||||
|
|
||||||
|
if (event.deltaY > 0) {
|
||||||
|
nextPage()
|
||||||
|
} else {
|
||||||
|
previousPage()
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
isMouseWheelScrollingRef.current = false
|
||||||
|
}, 200)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
[nextPage, previousPage]
|
||||||
|
)
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (presentationMode) {
|
if (presentationMode) {
|
||||||
window.addEventListener('keydown', arrowKeyListener)
|
window.addEventListener('keydown', arrowKeyListener)
|
||||||
window.addEventListener('click', clickListener)
|
window.addEventListener('click', clickListener)
|
||||||
|
window.addEventListener('wheel', mouseWheelListener)
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
window.removeEventListener('keydown', arrowKeyListener)
|
window.removeEventListener('keydown', arrowKeyListener)
|
||||||
window.removeEventListener('click', clickListener)
|
window.removeEventListener('click', clickListener)
|
||||||
|
window.removeEventListener('wheel', mouseWheelListener)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}, [presentationMode, arrowKeyListener, clickListener])
|
}, [presentationMode, arrowKeyListener, clickListener, mouseWheelListener])
|
||||||
|
|
||||||
const requestPresentationMode = useCallback(() => {
|
const requestPresentationMode = useCallback(() => {
|
||||||
sendMB('pdf-viewer-enter-presentation-mode')
|
sendMB('pdf-viewer-enter-presentation-mode')
|
||||||
|
|
Loading…
Reference in a new issue