fix(components): add necessary elements for 1.2.34 (#709)

spicetify · Mar 26, 2024 · da75718 · da75718
1 parent ca83977
commit da75718
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Grid.tsx b/src/components/Grid.tsx
@@ -498,7 +498,7 @@ class Grid extends React.Component<
     this.gridUpdateTabs = this.updateTabs.bind(this);
     this.gridUpdatePostsVisual = this.updatePostsVisual.bind(this);
 
-    const viewPort = document.querySelector(".os-viewport");
+    const viewPort = document.querySelector(".os-viewport") ?? document.querySelector("#main .main-view-container__scroll-node");
     this.checkScroll = this.isScrolledBottom.bind(this);
     if (viewPort) {
       viewPort.addEventListener("scroll", this.checkScroll);
@@ -522,7 +522,7 @@ class Grid extends React.Component<
    */
   componentWillUnmount(): void {
     this.gridUpdateTabs = this.gridUpdatePostsVisual = null;
-    const viewPort = document.querySelector(".os-viewport");
+    const viewPort = document.querySelector(".os-viewport") ?? document.querySelector("#main .main-view-container__scroll-node");
     if (viewPort) {
       this.lastScroll = viewPort.scrollTop;
       viewPort.removeEventListener("scroll", this.checkScroll);

diff --git a/src/components/TabBar.tsx b/src/components/TabBar.tsx
@@ -71,7 +71,7 @@ export const TopBarContent = (props: {
   activeLink: string;
   switchCallback: (option: Option) => void;
 }) => {
-  const resizeHost = document.querySelector(".Root__main-view .os-resize-observer-host");
+  const resizeHost = document.querySelector(".Root__main-view .os-resize-observer-host") ?? document.querySelector(".Root__main-view .os-size-observer");
   if (!resizeHost) return null;
 
   const [windowSize, setWindowSize] = useState(resizeHost.clientWidth);