Add features requested in #8119

Author: mostlynick3

app-drawer@mostlynick3/CHANGELOG.md

@@ -0,0 +1,6 @@
+### v1.1
+  * Fix multi monitor interaction and element bleed
+  * Added toggle to auto select search bar, horizontal scrolling with scroll wheel, and hotkey to toggle app drawer
+
+### v1.0
+  * Fully functional.

app-drawer@mostlynick3/files/app-drawer@mostlynick3/applet.js

@@ -7,6 +7,7 @@ const Settings = imports.ui.settings;
 const Util = imports.misc.util;
 const Tweener = imports.ui.tweener;
 const Tooltips = imports.ui.tooltips;
+const Keybinding = imports.ui.appletManager.applets['[email protected]'] ? imports.ui.settings : imports.ui.settings;
 
 function MyApplet(metadata, orientation, panel_height, instance_id) {
     this._init(metadata, orientation, panel_height, instance_id);
@@ -31,6 +32,7 @@ MyApplet.prototype = {
         this.settings.bind("fontSize", "fontSize", this._onSettingsChanged.bind(this));
 
         this.settings.bind("enableSearch", "enableSearch", this._onSettingsChanged.bind(this));
+        this.settings.bind("autoFocusSearch", "autoFocusSearch");
         this.settings.bind("enableFavorites", "enableFavorites", this._onSettingsChanged.bind(this));
         this.settings.bind("favoriteApps", "favoriteApps");
 
@@ -49,6 +51,8 @@ MyApplet.prototype = {
         this.settings.bind("pageAnimationType", "pageAnimationType");
         this.settings.bind("animationDuration", "animationDuration");
 
+        this.settings.bind("overlay-keybinding", "overlayKeybinding", this._onKeybindingChanged.bind(this));
+        
         this.modal = null;
         this.apps = [];
         this.filteredApps = [];
@@ -60,6 +64,27 @@ MyApplet.prototype = {
         this.isFirstOpen = true;
         this.activeTooltip = null;
         this.tooltipTimeout = null;
+        
+        this._setupKeybinding();
+    },
+
+    _setupKeybinding: function() {
+        Main.keybindingManager.addHotKey(
+            "overlay-keybinding-" + this.instance_id,
+            this.overlayKeybinding,
+            () => {
+                if (this.modal) {
+                    this._destroyModal();
+                } else {
+                    this._showModal();
+                }
+            }
+        );
+    },
+
+    _onKeybindingChanged: function() {
+        Main.keybindingManager.removeHotKey("overlay-keybinding-" + this.instance_id);
+        this._setupKeybinding();
     },
 
     on_applet_clicked: function() {
@@ -250,6 +275,30 @@ MyApplet.prototype = {
             scrollView.add_actor(this.gridContainer);
             this.scrollAdjustment = scrollView.vscroll.adjustment;
 
+            scrollView.connect('scroll-event', (actor, event) => {
+                let direction = event.get_scroll_direction();
+                if (direction === Clutter.ScrollDirection.UP || direction === Clutter.ScrollDirection.DOWN) {
+                    let adjustment = scrollView.vscroll.adjustment;
+                    let increment = adjustment.step_increment * 3;
+                    let targetValue;
+                    
+                    if (direction === Clutter.ScrollDirection.UP) {
+                        targetValue = Math.max(adjustment.lower, adjustment.value - increment);
+                    } else {
+                        targetValue = Math.min(adjustment.upper - adjustment.page_size, adjustment.value + increment);
+                    }
+                    
+                    Tweener.addTween(adjustment, {
+                        value: targetValue,
+                        time: 0.3,
+                        transition: 'easeOutQuad'
+                    });
+                    
+                    return Clutter.EVENT_STOP;
+                }
+                return Clutter.EVENT_PROPAGATE;
+            });
+            
             container.add_actor(scrollView);
         } else if (this.navigationMode === 'scroll-horizontal') {
             let scrollView = new St.ScrollView({
@@ -267,6 +316,30 @@ MyApplet.prototype = {
             scrollView.add_actor(this.gridContainer);
             this.scrollAdjustment = scrollView.hscroll.adjustment;
 
+            scrollView.connect('scroll-event', (actor, event) => {
+                let direction = event.get_scroll_direction();
+                let adjustment = scrollView.hscroll.adjustment;
+                let increment = adjustment.step_increment * 3;
+                let targetValue;
+                
+                if (direction === Clutter.ScrollDirection.UP) {
+                    targetValue = Math.max(adjustment.lower, adjustment.value - increment);
+                } else if (direction === Clutter.ScrollDirection.DOWN) {
+                    targetValue = Math.min(adjustment.upper - adjustment.page_size, adjustment.value + increment);
+                }
+                
+                if (targetValue !== undefined) {
+                    Tweener.addTween(adjustment, {
+                        value: targetValue,
+                        time: 0.3,
+                        transition: 'easeOutQuad'
+                    });
+                    return Clutter.EVENT_STOP;
+                }
+                
+                return Clutter.EVENT_PROPAGATE;
+            });
+            
             container.add_actor(scrollView);
         } else {
             this.gridContainer = new St.Widget({
@@ -384,6 +457,10 @@ MyApplet.prototype = {
         imports.mainloop.timeout_add(delay, () => {
             if (!this.modal) return false;
 
+            if (this.enableSearch && this.autoFocusSearch && this.searchEntry) {
+                global.stage.set_key_focus(this.searchEntry.clutter_text);
+            }
+            
             if (isFirst) {
                 Tweener.addTween(this.modal, {
                     opacity: 255,
@@ -725,7 +802,7 @@ MyApplet.prototype = {
         }
     },
 
-    _createAppButton: function(app, boxSize) {
+_createAppButton: function(app, boxSize) {
         let boxColor = this._rgbToRgba(this.boxColor, this.boxOpacity);
         let boxHoverColor = this._rgbToRgba(this.boxHoverColor, this.boxHoverOpacity);
         let spacing = Math.round(this.iconSize * 0.2);
@@ -995,6 +1072,7 @@ MyApplet.prototype = {
     },
 
     on_applet_removed_from_panel: function() {
+        Main.keybindingManager.removeHotKey("overlay-keybinding-" + this.instance_id);
         this.enableAnimations = false;
         this._destroyModal();
     }

app-drawer@mostlynick3/files/app-drawer@mostlynick3/po/[email protected]

@@ -5,10 +5,10 @@
 #, fuzzy
 msgid ""
 msgstr ""
-"Project-Id-Version: app-drawer@mostlynick3 1.0\n"
+"Project-Id-Version: app-drawer@mostlynick3 1.2\n"
 "Report-Msgid-Bugs-To: https://github.com/linuxmint/cinnamon-spices-applets/"
 "issues\n"
-"POT-Creation-Date: 2025-12-17 08:31+0100\n"
+"POT-Creation-Date: 2026-01-02 08:33+0100\n"
 "PO-Revision-Date: \n"
 "Last-Translator: \n"
 "Language-Team: \n"
@@ -79,10 +79,18 @@ msgstr ""
 msgid "Enable search bar"
 msgstr ""
 
+#. settings-schema.json->autoFocusSearch->description
+msgid "Auto-focus search bar when opened"
+msgstr ""
+
 #. settings-schema.json->enableFavorites->description
 msgid "Enable favorites"
 msgstr ""
 
+#. settings-schema.json->overlay-keybinding->description
+msgid "Keyboard shortcut to toggle overlay"
+msgstr ""
+
 #. settings-schema.json->appearance->description
 msgid "Appearance Settings"
 msgstr ""

app-drawer@mostlynick3/files/app-drawer@mostlynick3/po/da.po

@@ -6,8 +6,9 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: app-drawer@mostlynick3 1.0\n"
-"Report-Msgid-Bugs-To: https://github.com/linuxmint/cinnamon-spices-applets/issues\n"
-"POT-Creation-Date: 2025-12-17 08:31+0100\n"
+"Report-Msgid-Bugs-To: https://github.com/linuxmint/cinnamon-spices-applets/"
+"issues\n"
+"POT-Creation-Date: 2026-01-02 08:33+0100\n"
 "PO-Revision-Date: 2025-12-18 12:00+0100\n"
 "Last-Translator: \n"
 "Language-Team: \n"
@@ -16,122 +17,180 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
+#. metadata.json->name
 msgid "App Drawer"
 msgstr "Appskuffe"
 
-msgid "Full-screen app launcher with animations, transparency, a search box, and more."
-msgstr "Fuldskærms appskuffe med animationer, gennemsigtighed, søgefelt og mere."
+#. metadata.json->description
+msgid ""
+"Full-screen app launcher with animations, transparency, a search box, and "
+"more."
+msgstr ""
+"Fuldskærms appskuffe med animationer, gennemsigtighed, søgefelt og mere."
 
+#. settings-schema.json->navigation->description
 msgid "Navigation Settings"
 msgstr "Navigationsindstillinger"
 
+#. settings-schema.json->navigationMode->description
 msgid "Navigation mode"
 msgstr "Navigationstilstand"
 
+#. settings-schema.json->navigationMode->options
 msgid "Button Navigation"
 msgstr "Knapnavigation"
 
+#. settings-schema.json->navigationMode->options
 msgid "Scroll Horizontal"
 msgstr "Horisontal rulning"
 
+#. settings-schema.json->navigationMode->options
 msgid "Scroll Vertical"
 msgstr "Vertikal rulning"
 
+#. settings-schema.json->layout->description
 msgid "Layout Settings"
 msgstr "Layoutindstillinger"
 
+#. settings-schema.json->columns->description
 msgid "Columns per page"
 msgstr "Kolonner per side"
 
+#. settings-schema.json->rows->description
 msgid "Rows per page"
 msgstr "Rækker per side"
 
+#. settings-schema.json->iconSize->description
 msgid "Icon size (px)"
 msgstr "Ikonstørrelse (px)"
 
+#. settings-schema.json->padding->description
 msgid "Padding (px)"
 msgstr "Mellemrum (px)"
 
+#. settings-schema.json->fontSize->description
 msgid "Label font size (pt)"
 msgstr "Skriftstørrelse (pt)"
 
+#. settings-schema.json->features->description
 msgid "Features"
 msgstr "Funktioner"
 
+#. settings-schema.json->enableSearch->description
 msgid "Enable search bar"
 msgstr "Aktivér søgefelt"
 
+#. settings-schema.json->autoFocusSearch->description
+msgid "Auto-focus search bar when opened"
+msgstr "Fokusér automatisk på søgefelt ved åbning"
+
+#. settings-schema.json->enableFavorites->description
 msgid "Enable favorites"
 msgstr "Aktivér favoritter"
 
+#. settings-schema.json->overlay-keybinding->description
+msgid "Keyboard shortcut to toggle overlay"
+msgstr "Tastaturgenvej til at slå overlay til/fra"
+
+#. settings-schema.json->appearance->description
 msgid "Appearance Settings"
 msgstr "Designindstillinger"
 
+#. settings-schema.json->bgColor->description
 msgid "Background color"
 msgstr "Baggrundsfarve"
 
+#. settings-schema.json->bgOpacity->units
+#. settings-schema.json->containerOpacity->units
+#. settings-schema.json->boxOpacity->units
+#. settings-schema.json->boxHoverOpacity->units
 msgid "%"
 msgstr "%"
 
+#. settings-schema.json->bgOpacity->description
 msgid "Background opacity"
 msgstr "Baggrundenes gennemsigtighed"
 
+#. settings-schema.json->containerColor->description
 msgid "Container color"
 msgstr "Containerfarve"
 
+#. settings-schema.json->containerOpacity->description
 msgid "Container opacity"
 msgstr "Containerens gennemsigtighed"
 
+#. settings-schema.json->boxColor->description
 msgid "Box color"
 msgstr "Boksfarve"
 
+#. settings-schema.json->boxOpacity->description
 msgid "Box opacity"
 msgstr "Boksens gennemsigtighed"
 
+#. settings-schema.json->boxHoverColor->description
 msgid "Box hover color"
 msgstr "Boksfarve ved aktivering"
 
+#. settings-schema.json->boxHoverOpacity->description
 msgid "Box hover opacity"
 msgstr "Boksens gennemsigtighed ved aktivering"
 
+#. settings-schema.json->animations->description
 msgid "Animation Settings"
 msgstr "Animationsindstillinger"
 
+#. settings-schema.json->enableAnimations->description
 msgid "Enable animations"
 msgstr "Aktivér animationer"
 
+#. settings-schema.json->animationDuration->units
 msgid "ms"
 msgstr "ms"
 
+#. settings-schema.json->animationDuration->description
 msgid "Animation duration"
 msgstr "Animationsvarighed"
 
+#. settings-schema.json->openAnimationType->description
 msgid "Open animation"
 msgstr "Åbningsanimation"
 
+#. settings-schema.json->openAnimationType->options
+#. settings-schema.json->closeAnimationType->options
+#. settings-schema.json->pageAnimationType->options
 msgid "Fade"
 msgstr "Tone"
 
+#. settings-schema.json->openAnimationType->options
+#. settings-schema.json->closeAnimationType->options
 msgid "Scale"
 msgstr "Skaler"
 
+#. settings-schema.json->openAnimationType->options
 msgid "Slide Up"
 msgstr "Gli op"
 
+#. settings-schema.json->openAnimationType->options
+#. settings-schema.json->closeAnimationType->options
 msgid "Zoom"
 msgstr "Zoom"
 
+#. settings-schema.json->closeAnimationType->description
 msgid "Close animation"
 msgstr "Lukningsanimation"
 
+#. settings-schema.json->closeAnimationType->options
 msgid "Slide Down"
 msgstr "Gli ned"
 
+#. settings-schema.json->pageAnimationType->description
 msgid "Button navigation page animation"
 msgstr "Knapnavigeringssideanimation"
 
+#. settings-schema.json->pageAnimationType->options
 msgid "Slide"
 msgstr "Gli"
 
+#. settings-schema.json->pageAnimationType->options
 msgid "Crossfade"
-msgstr "Krydstone"
+msgstr "Krydstone"