fixup focusing and key handling in volpopup by moving it to a wlrlayershell

modules/applets/WallPicker.qml

@@ -10,12 +10,12 @@ import qs.settings
 import qs.widgets
 
 BarComponent {
+    id: main
     implicitWidth: implicitHeight
     required property int screenHeight
-    id: main
     StyledIcon {
-	iconName: "preferences-desktop-wallpaper-symbolic"
-	anchors.centerIn: parent
+        iconName: "preferences-desktop-wallpaper-symbolic"
+        anchors.centerIn: parent
     }
     MouseArea {
         id: clickHandler
@@ -30,7 +30,7 @@ BarComponent {
         id: wallPicker
         visible: false
         exclusionMode: ExclusionMode.Ignore
-        keyboardFocus: WlrKeyboardFocus.OnDemand
+        keyboardFocus: visible ? WlrKeyboardFocus.Exclusive : WlrKeyboardFocus.None
         implicitHeight: main.screenHeight / 8
         color: 'transparent'
         anchors {
@@ -92,7 +92,7 @@ BarComponent {
                         hoverEnabled: true
                         onClicked: {
                             Config.cfg.wallpaper.wallpaper = wallTile.modelData.filePath;
-			    Config.save()
+                            Config.save();
                         }
                     }
                 }