From 5fdcba985b084c38bc647676fbc865e1827efaf6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Tue, 23 Sep 2025 12:12:52 +0200
Subject: [PATCH] Set width to 100% on all elements between pane and
 screen-container

Without the 100% width, Chrome does not render an horizontal scrollbar when the
form overflow the pane width.

Closes #14197
---
 sao/src/sao.less | 36 ++++++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/sao/src/sao.less b/sao/src/sao.less
index c2dbf30ddf..e9eb44bf6d 100644
--- a/sao/src/sao.less
+++ b/sao/src/sao.less
@@ -306,25 +306,32 @@ html[theme="default"] {
     flex: 1;
     width: 100%;
 
-    > .tab-pane > .panel {
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        margin-bottom: 5px;
-        padding-bottom: 0;
+    > .tab-pane {
+        width: 100%;
 
-        > .panel-body {
+        > .panel {
             display: flex;
+            flex-direction: column;
             flex: 1;
-            flex-direction: row;
-            padding: 5px 0;
-            min-height: 0;
+            margin-bottom: 5px;
+            padding-bottom: 0;
+            width: 100%;
 
-            > div {
-                display: inline-flex;
+            > .panel-body {
+                display: flex;
+                flex: 1;
+                flex-direction: row;
+                padding: 5px 0;
+                min-height: 0;
+                width: 100%;
 
-                &:first-child {
-                    flex: 2;
+                > div {
+                    display: inline-flex;
+                    width: 100%;
+
+                    &:first-child {
+                        flex: 2;
+                    }
                 }
             }
         }
@@ -708,6 +715,7 @@ img.icon {
     display: flex;
     flex-direction: column;
     flex: 1;
+    width: 100%;
 }
 
 .filter-box {