mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-05-07 18:48:39 +00:00
Check if Navigation API exists, use setInterval if not
This commit is contained in:
@@ -135,6 +135,7 @@ const BrewRenderer = (props)=>{
|
|||||||
|
|
||||||
const mainRef = useRef(null);
|
const mainRef = useRef(null);
|
||||||
const pagesRef = useRef(null);
|
const pagesRef = useRef(null);
|
||||||
|
const urlRef = useRef('');
|
||||||
|
|
||||||
if(props.renderer == 'legacy') {
|
if(props.renderer == 'legacy') {
|
||||||
rawPages = props.text.split(PAGEBREAK_REGEX_LEGACY);
|
rawPages = props.text.split(PAGEBREAK_REGEX_LEGACY);
|
||||||
@@ -272,12 +273,24 @@ const BrewRenderer = (props)=>{
|
|||||||
const frameDidMount = ()=>{ //This triggers when iFrame finishes internal "componentDidMount"
|
const frameDidMount = ()=>{ //This triggers when iFrame finishes internal "componentDidMount"
|
||||||
scrollToHash(window.location.hash);
|
scrollToHash(window.location.hash);
|
||||||
|
|
||||||
navigation.addEventListener('navigate', (e)=>{
|
if(navigation) {
|
||||||
if(e.hashChange && e.destination.sameDocument){
|
navigation.addEventListener('navigate', (e)=>{
|
||||||
const dest = e.destination.url.slice(e.destination.url.indexOf('#'));
|
if(e.hashChange && e.destination.sameDocument){
|
||||||
scrollToHash(dest);
|
const dest = e.destination.url.slice(e.destination.url.indexOf('#'));
|
||||||
}
|
scrollToHash(dest);
|
||||||
});
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
urlRef.current = window.location.href;
|
||||||
|
setInterval(()=>{
|
||||||
|
if(window.location.href != urlRef.current){
|
||||||
|
urlRef.current = window.location.href;
|
||||||
|
const tmpURL = new URL(window.location.href);
|
||||||
|
const target = tmpURL.hash;
|
||||||
|
scrollToHash(target);
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
};
|
||||||
|
|
||||||
setTimeout(()=>{ //We still see a flicker where the style isn't applied yet, so wait 100ms before showing iFrame
|
setTimeout(()=>{ //We still see a flicker where the style isn't applied yet, so wait 100ms before showing iFrame
|
||||||
renderPages(); //Make sure page is renderable before showing
|
renderPages(); //Make sure page is renderable before showing
|
||||||
|
|||||||
Reference in New Issue
Block a user