fix weird osd position when bar autohides

.config/quickshell/ii/modules/common/widgets/StyledPopup.qml

@@ -15,7 +15,6 @@ LazyLoader {
 
     component: PanelWindow {
         id: popupWindow
-        visible: true
         color: "transparent"
 
         anchors.left: true

.config/quickshell/ii/modules/onScreenDisplay/OnScreenDisplayBrightness.qml

@@ -52,6 +52,7 @@ Scope {
 
         sourceComponent: PanelWindow {
             id: osdRoot
+            color: "transparent"
 
             Connections {
                 target: root
@@ -60,11 +61,8 @@ Scope {
                 }
             }
 
-            exclusionMode: ExclusionMode.Normal
             WlrLayershell.namespace: "quickshell:onScreenDisplay"
             WlrLayershell.layer: WlrLayer.Overlay
-            color: "transparent"
-
             anchors {
                 top: !Config.options.bar.bottom
                 bottom: Config.options.bar.bottom
@@ -73,6 +71,13 @@ Scope {
                 item: osdValuesWrapper
             }
 
+            exclusionMode: ExclusionMode.Ignore
+            exclusiveZone: 0
+            margins {
+                top: Appearance.sizes.barHeight
+                bottom: Appearance.sizes.barHeight
+            }
+
             implicitWidth: columnLayout.implicitWidth
             implicitHeight: columnLayout.implicitHeight
             visible: osdLoader.active

.config/quickshell/ii/modules/onScreenDisplay/OnScreenDisplayVolume.qml

@@ -64,6 +64,7 @@ Scope {
 
         sourceComponent: PanelWindow {
             id: osdRoot
+            color: "transparent"
 
             Connections {
                 target: root
@@ -72,11 +73,8 @@ Scope {
                 }
             }
 
-            exclusionMode: ExclusionMode.Normal
             WlrLayershell.namespace: "quickshell:onScreenDisplay"
             WlrLayershell.layer: WlrLayer.Overlay
-            color: "transparent"
-
             anchors {
                 top: !Config.options.bar.bottom
                 bottom: Config.options.bar.bottom
@@ -85,6 +83,13 @@ Scope {
                 item: osdValuesWrapper
             }
 
+            exclusionMode: ExclusionMode.Ignore
+            exclusiveZone: 0
+            margins {
+                top: Appearance.sizes.barHeight
+                bottom: Appearance.sizes.barHeight
+            }
+
             implicitWidth: columnLayout.implicitWidth
             implicitHeight: columnLayout.implicitHeight
             visible: osdLoader.active