Disconnect resize observer after restoring initial page (#660)
Everytime the reader width got changed, the resize observer triggered the initial page to get scrolled into view again
This commit is contained in:
@@ -115,6 +115,7 @@ export function HorizontalPager(props: IReaderProps) {
|
|||||||
|
|
||||||
const resizeObserver = new ResizeObserver(() => {
|
const resizeObserver = new ResizeObserver(() => {
|
||||||
initialPageElement.scrollIntoView({ inline: 'center' });
|
initialPageElement.scrollIntoView({ inline: 'center' });
|
||||||
|
resizeObserver.disconnect();
|
||||||
});
|
});
|
||||||
resizeObserver.observe(initialPageElement);
|
resizeObserver.observe(initialPageElement);
|
||||||
|
|
||||||
|
|||||||
@@ -173,6 +173,7 @@ export function VerticalPager(props: IReaderProps) {
|
|||||||
|
|
||||||
const resizeObserver = new ResizeObserver(() => {
|
const resizeObserver = new ResizeObserver(() => {
|
||||||
initialPageElement.scrollIntoView();
|
initialPageElement.scrollIntoView();
|
||||||
|
resizeObserver.disconnect();
|
||||||
});
|
});
|
||||||
resizeObserver.observe(initialPageElement);
|
resizeObserver.observe(initialPageElement);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user