RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 10:34:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: ref transitions for firefox

Browse Source
This commit is contained in:
SrGooglo 2023-10-10 12:10:01 +00:00
parent 8be2a0279d
commit 04a72c80b2
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/app/src/components/PagePanels/index.jsx
View File

@ -124,7 +124,6 @@ export class PagePanelWithNavMenu extends React.Component {
return React.createElement(tab.component, {
...componentProps,
ref: this.primaryPanelRef,
})
}
@ -160,13 +159,15 @@ export class PagePanelWithNavMenu extends React.Component {
console.warn("PagePanelWithNavMenu: transition is enabled but document.startViewTransition is not compatible with your browser")
// set to primary panel fade-opacity-leave class
this.primaryPanelRef.current.classList.add("fade-opacity-leave")
if (this.primaryPanelRef.current && this.primaryPanelRef.current?.classList) {
// set to primary panel fade-opacity-leave class
this.primaryPanelRef.current.classList.add("fade-opacity-leave")
// remove fade-opacity-leave class after animation
setTimeout(() => {
this.primaryPanelRef.current.classList.remove("fade-opacity-leave")
}, 300)
// remove fade-opacity-leave class after animation
setTimeout(() => {
this.primaryPanelRef.current.classList.remove("fade-opacity-leave")
}, 300)
}
await new Promise(resolve => setTimeout(resolve, 200))
}
@ -226,7 +227,7 @@ export class PagePanelWithNavMenu extends React.Component {
}
<div className="pagePanels">
<div className="panel">
<div className="panel" ref={this.primaryPanelRef}>
{
this.renderActiveTab()
}