fix #1391

inc2734 · Oct 2, 2023 · c7dd46c · c7dd46c
1 parent 21708c5
commit c7dd46c
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 1 deletion.
diff --git a/src/css/app/layout/_contents/_app.scss b/src/css/app/layout/_contents/_app.scss
@@ -18,6 +18,10 @@
 	&__sidebar {
 		@include _set-content-level(1);
 	}
+
+	&[data-with-sidebar="false"] {
+		overflow: hidden;
+	}
 }
 
 /**

diff --git a/src/js/app.js b/src/js/app.js
@@ -120,10 +120,32 @@ document.addEventListener( 'DOMContentLoaded', () => {
 				} );
 			} );
 
-			const resizeObserver = new ResizeObserver( ( entries ) => {
+			const resizeObserver = new ResizeObserver( () => {
 				setTimeout( () => setItemsVars( items ), 100 );
 			} );
 			resizeObserver.observe( header );
 		}
 	}
 } );
+
+document.addEventListener( 'DOMContentLoaded', () => {
+	const contents = document.querySelector( '.l-contents' );
+	if ( ! contents ) {
+		return;
+	}
+
+	const main = contents.querySelector( '.l-contents__main' );
+	const sidebar = contents.querySelector( '.l-contents__sidebar' );
+	if ( ! main || ! sidebar ) {
+		contents.setAttribute( 'data-with-sidebar', false );
+		return;
+	}
+
+	const resizeObserver = new ResizeObserver( () => {
+		const maybeWithSidebar = main.offsetWidth !== sidebar.offsetWidth || main.getBoundingClientRect().top === sidebar.getBoundingClientRect().top;
+
+		contents.setAttribute( 'data-with-sidebar', maybeWithSidebar );
+		console.log( maybeWithSidebar );
+	} );
+	resizeObserver.observe( contents );
+} );