github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Refocus the PDF viewer after zooming with a keyboard shortcut (#19959)

Browse source 
GitOrigin-RevId: 61961ca4d5e6362923c7157296308c213649d4f3
This commit is contained in:
Alf Eaton 2024-08-14 16:52:37 +01:00 committed by Copybot
parent 692b3c0a2b
commit 806250a30e
1 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.tsx
View file

@ -439,7 +439,7 @@ function PdfJsViewer({ url, pdfFile }: PdfJsViewerProps) {
const handleKeyDown = useCallback(
event => {
if (!initialised) {
if (!initialised || !pdfJsWrapper) {
return
}
if (event.metaKey || event.ctrlKey) {
@ -448,26 +448,30 @@ function PdfJsViewer({ url, pdfFile }: PdfJsViewerProps) {
case '=':
event.preventDefault()
setZoom('zoom-in')
pdfJsWrapper.container.focus()
break
case '-':
event.preventDefault()
setZoom('zoom-out')
pdfJsWrapper.container.focus()
break
case '0':
event.preventDefault()
setZoom('page-width')
pdfJsWrapper.container.focus()
break
case '9':
event.preventDefault()
setZoom('page-height')
pdfJsWrapper.container.focus()
break
}
}
},
[initialised, setZoom]
[initialised, setZoom, pdfJsWrapper]
)
useMouseWheelZoom(pdfJsWrapper, setScale)
@ -494,12 +498,7 @@ function PdfJsViewer({ url, pdfFile }: PdfJsViewerProps) {
onKeyDown={handleKeyDown}
tabIndex={-1}
>
<div
className="pdfjs-viewer-inner"
tabIndex={0}
onKeyDown={handleKeyDown}
role="tabpanel"
>
<div className="pdfjs-viewer-inner" tabIndex={0} role="tabpanel">
<div className="pdfViewer" />
</div>
{toolbarInfoLoaded && (