From 16bb234510fe206e3aedc095e8ab5689b8e2d7d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?=
 <26099018+JesmoDev@users.noreply.github.com>
Date: Fri, 2 Jun 2023 17:59:10 +1200
Subject: [PATCH] document workspace: scrolling only affects content

---
 .../document-workspace-view-edit.element.ts   | 69 ++++++++++---------
 1 file changed, 36 insertions(+), 33 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/edit/document-workspace-view-edit.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/edit/document-workspace-view-edit.element.ts
index 2464635803..7d69c99a8c 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/edit/document-workspace-view-edit.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/edit/document-workspace-view-edit.element.ts
@@ -107,40 +107,42 @@ export class UmbDocumentWorkspaceViewEditElement
 
 	render() {
 		return html`
-			${this._routerPath && this._tabs.length > 1
-				? html` <uui-tab-group>
-						${this._hasRootGroups && this._tabs.length > 1
-							? html`
-									<uui-tab
-										label="Content"
-										.active=${this._routerPath + '/' === this._activePath}
-										href=${this._routerPath + '/'}
-										>Content</uui-tab
-									>
-							  `
-							: ''}
-						${repeat(
-							this._tabs,
-							(tab) => tab.name,
-							(tab) => {
-								const path = this._routerPath + '/tab/' + encodeFolderName(tab.name || '');
-								return html`<uui-tab label=${tab.name!} .active=${path === this._activePath} href=${path}
-									>${tab.name}</uui-tab
-								>`;
-							}
-						)}
-				  </uui-tab-group>`
-				: ''}
+			<umb-body-layout>
+				${this._routerPath && this._tabs.length > 1
+					? html` <uui-tab-group slot="header">
+							${this._hasRootGroups && this._tabs.length > 1
+								? html`
+										<uui-tab
+											label="Content"
+											.active=${this._routerPath + '/' === this._activePath}
+											href=${this._routerPath + '/'}
+											>Content</uui-tab
+										>
+								  `
+								: ''}
+							${repeat(
+								this._tabs,
+								(tab) => tab.name,
+								(tab) => {
+									const path = this._routerPath + '/tab/' + encodeFolderName(tab.name || '');
+									return html`<uui-tab label=${tab.name!} .active=${path === this._activePath} href=${path}
+										>${tab.name}</uui-tab
+									>`;
+								}
+							)}
+					  </uui-tab-group>`
+					: ''}
 
-			<umb-router-slot
-				.routes=${this._routes}
-				@init=${(event: UmbRouterSlotInitEvent) => {
-					this._routerPath = event.target.absoluteRouterPath;
-				}}
-				@change=${(event: UmbRouterSlotChangeEvent) => {
-					this._activePath = event.target.absoluteActiveViewPath || '';
-				}}>
-			</umb-router-slot>
+				<umb-router-slot
+					.routes=${this._routes}
+					@init=${(event: UmbRouterSlotInitEvent) => {
+						this._routerPath = event.target.absoluteRouterPath;
+					}}
+					@change=${(event: UmbRouterSlotChangeEvent) => {
+						this._activePath = event.target.absoluteActiveViewPath || '';
+					}}>
+				</umb-router-slot>
+			</umb-body-layout>
 		`;
 	}
 
@@ -149,6 +151,7 @@ export class UmbDocumentWorkspaceViewEditElement
 		css`
 			:host {
 				display: block;
+				height: 100%;
 				--uui-tab-background: var(--uui-color-surface);
 			}
 		`,