From d319c7988b840e00a8d23b635134fc6761e1ecab Mon Sep 17 00:00:00 2001
From: Yusuf Wibisono <yusuf.wibisono@moodle.com>
Date: Wed, 14 Jan 2026 15:23:57 +0700
Subject: [PATCH] MDL-86639 groups: Wrap group names in grade report group
 selector

---
 public/group/templates/comboboxsearch/resultitem.mustache | 6 +++---
 public/theme/boost/scss/moodle/grade.scss                 | 8 ++++++++
 public/theme/boost/style/moodle.css                       | 4 ++++
 public/theme/classic/style/moodle.css                     | 4 ++++
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/public/group/templates/comboboxsearch/resultitem.mustache b/public/group/templates/comboboxsearch/resultitem.mustache
index 3002764e56f..cccccbfa516 100644
--- a/public/group/templates/comboboxsearch/resultitem.mustache
+++ b/public/group/templates/comboboxsearch/resultitem.mustache
@@ -30,11 +30,11 @@
 }}
 {{<core/local/comboboxsearch/resultitem }}
     {{$content}}
-        <div class="pe-2 ps-1 w-25">
+        <div class="pe-3 ps-1 flex-shrink-0">
             <img class="rounded-circle mx-auto img-fluid" src="{{groupimageurl}}" loading="lazy" alt=""/>
         </div>
-        <div class="pe-3 w-75">
-            <span class="d-block w-100 p-0 text-truncate">
+        <div class="pe-3">
+            <span class="d-block w-100 p-0 text-wrap text-break">
                 {{name}}
             </span>
             {{^participation}}
diff --git a/public/theme/boost/scss/moodle/grade.scss b/public/theme/boost/scss/moodle/grade.scss
index 03e517dc538..7d85f5c98ce 100644
--- a/public/theme/boost/scss/moodle/grade.scss
+++ b/public/theme/boost/scss/moodle/grade.scss
@@ -701,6 +701,14 @@
     }
 }
 
+.path-grade {
+    .groupsearchdropdown {
+        &.dropdown-menu {
+            width: 400px;
+        }
+    }
+}
+
 .search-widget {
     .dropdown-menu {
         padding: 0.8rem 1.2rem;
diff --git a/public/theme/boost/style/moodle.css b/public/theme/boost/style/moodle.css
index 347ed1d06d9..cd9f5fae304 100644
--- a/public/theme/boost/style/moodle.css
+++ b/public/theme/boost/style/moodle.css
@@ -38278,6 +38278,10 @@ p.arrow_button {
   display: none;
 }
 
+.path-grade .groupsearchdropdown.dropdown-menu {
+  width: 400px;
+}
+
 .search-widget .dropdown-menu {
   padding: 0.8rem 1.2rem;
 }
diff --git a/public/theme/classic/style/moodle.css b/public/theme/classic/style/moodle.css
index 5ada445b880..347bb91a358 100644
--- a/public/theme/classic/style/moodle.css
+++ b/public/theme/classic/style/moodle.css
@@ -38278,6 +38278,10 @@ p.arrow_button {
   display: none;
 }
 
+.path-grade .groupsearchdropdown.dropdown-menu {
+  width: 400px;
+}
+
 .search-widget .dropdown-menu {
   padding: 0.8rem 1.2rem;
 }