Bar vs Dock: Dock are loaded only once the bar is fully loaded. This ensure the vertical bar use the full screen height if the dock is exclusive.

Modules/Bar/Bar.qml

@@ -55,6 +55,12 @@ Variants {
         right: Settings.data.bar.floating && Settings.data.bar.position !== "left" ? Settings.data.bar.marginHorizontal * Style.marginXL * scaling : 0
       }
 
+      Component.onCompleted: {
+        if (modelData && modelData.name) {
+          BarService.registerBar(modelData.name)
+        }
+      }
+
       Item {
         anchors.fill: parent
         clip: true

Modules/Dock/Dock.qml

@@ -14,8 +14,19 @@ Variants {
 
   delegate: Item {
     id: root
+
     required property ShellScreen modelData
     property real scaling: ScalingService.getScreenScale(modelData)
+    property bool barIsReady: BarService.isBarReady(modelData.name)
+
+    Connections {
+      target: BarService
+      function onBarReadyChanged(screenName) {
+        if (screenName === modelData.name) {
+          barIsReady = true
+        }
+      }
+    }
 
     Connections {
       target: ScalingService
@@ -187,7 +198,7 @@ Variants {
 
     // PEEK WINDOW - Always visible when auto-hide is enabled
     Loader {
-      active: Settings.isLoaded && modelData && Settings.data.dock.monitors.includes(modelData.name) && autoHide
+      active: Settings.isLoaded && barIsReady && modelData && Settings.data.dock.monitors.includes(modelData.name) && autoHide
 
       sourceComponent: PanelWindow {
         id: peekWindow
@@ -233,7 +244,7 @@ Variants {
 
     // DOCK WINDOW
     Loader {
-      active: Settings.isLoaded && modelData && Settings.data.dock.monitors.includes(modelData.name) && dockLoaded && ToplevelManager && (dockApps.length > 0)
+      active: Settings.isLoaded && barIsReady && modelData && Settings.data.dock.monitors.includes(modelData.name) && dockLoaded && ToplevelManager && (dockApps.length > 0)
 
       sourceComponent: PanelWindow {
         id: dockWindow