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

Check for the presence of window.ResizeObserver (#5924)

Browse source 
GitOrigin-RevId: d072c9313967b52370a870fc2d30b50c498d8d1d
This commit is contained in:
Alf Eaton 2021-11-29 11:59:34 +00:00 committed by Copybot
parent 33ea150b98
commit 2e3f56c0d4
3 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -220,7 +220,7 @@ function PdfJsViewer({ url }) {
// adjust the scale when the container is resized
useEffect(() => {
if (pdfJsWrapper) {
if (pdfJsWrapper && 'ResizeObserver' in window) {
const resizeListener = () => {
pdfJsWrapper.updateOnResize()
}

2
services/web/frontend/js/features/pdf-preview/hooks/use-resize-observer.js
View file

@ -5,7 +5,7 @@ export const useResizeObserver = handleResize => {
const elementRef = useCallback(
element => {
if (element) {
if (element && 'ResizeObserver' in window) {
if (resizeRef.current) {
resizeRef.current.observer.unobserve(resizeRef.current.element)
}

9
services/web/frontend/js/features/pdf-preview/hooks/use-toolbar-breakpoint.js
View file

@ -11,13 +11,14 @@ export default function useToolbarBreakpoint(element) {
const [breakpoint, setBreakpoint] = useState(2)
const [recalculate, setRecalculate] = useState(true)
const [resizeObserver] = useState(
() =>
new ResizeObserver(() => {
const [resizeObserver] = useState(() => {
if ('ResizeObserver' in window) {
return new ResizeObserver(() => {
setBreakpoint(2)
setRecalculate(true)
})
)
}
})
const [mutationObserver] = useState(
() =>