Refactor getAndApplySidebarWidth to remove async and simplify sidebar…

… width calculation
zen-browser · Feb 6, 2025 · 1e624ae · 1e624ae
1 parent 8eaceb4
commit 1e624ae
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/browser/base/zen-components/ZenCompactMode.mjs b/src/browser/base/zen-components/ZenCompactMode.mjs
@@ -135,10 +135,8 @@ var gZenCompactModeManager = {
     this.animateCompactMode();
   },
 
-  async getAndApplySidebarWidth() {
-    let sidebarWidth = await window.promiseDocumentFlushed(() =>
-      window.windowUtils.getBoundsWithoutFlushing(this.sidebar).width
-    );
+  getAndApplySidebarWidth() {
+    let sidebarWidth = this.sidebar.getBoundingClientRect().width;
     if (sidebarWidth > 1) {
       this.sidebar.style.setProperty('--zen-sidebar-width', `${sidebarWidth}px`);
     }
@@ -160,8 +158,8 @@ var gZenCompactModeManager = {
     this.sidebar.style.removeProperty('margin-right');
     this.sidebar.style.removeProperty('margin-left');
     this.sidebar.style.removeProperty('transform');
-    window.requestAnimationFrame(async () => {
-      let sidebarWidth = await this.getAndApplySidebarWidth();
+    window.requestAnimationFrame(() => {
+      let sidebarWidth = this.getAndApplySidebarWidth();
       if (!canAnimate) {
         this.sidebar.removeAttribute('animate');
         this._animating = false;