Merge pull request #21025 from dannon/fix-panel-scroll

guerler · web-flow · commit 97d6cc1ecefc · 2025-10-09T08:24:08.000+03:00
[25.1] Fix horizontal scrolling w/ GButton in input-group-append
diff --git a/client/src/components/BaseComponents/GButton.vue b/client/src/components/BaseComponents/GButton.vue
@@ -317,3 +317,13 @@ const buttonElementRef = useResolveElement(buttonRef);
     }
 }
 </style>
+
+<style lang="scss">
+// Fix for GButton inside Bootstrap input-group-append
+// Prevents horizontal scrolling issues caused by flex layout conflicts
+// This must be unscoped to target Bootstrap's input-group-append
+.input-group-append .g-button {
+    flex-shrink: 0;
+    overflow: hidden;
+}
+</style>

Original file line number	Diff line number	Diff line change
`@@ -317,3 +317,13 @@ const buttonElementRef = useResolveElement(buttonRef);`
`317`	`317`	`}`
`318`	`318`	`}`
`319`	`319`	`</style>`
	`320`	`+`
	`321`	`+<style lang="scss">`
	`322`	`+// Fix for GButton inside Bootstrap input-group-append`
	`323`	`+// Prevents horizontal scrolling issues caused by flex layout conflicts`
	`324`	`+// This must be unscoped to target Bootstrap's input-group-append`
	`325`	`+.input-group-append .g-button {`
	`326`	`+ flex-shrink: 0;`
	`327`	`+ overflow: hidden;`
	`328`	`+}`
	`329`	`+</style>`