Merge pull request #1016 from OutSystems/ROU-11563-v2

ROU-11563: DropdownServerSide - Fix layer position issues at studio.
OutSystems · Jan 31, 2025 · dc2f45a · dc2f45a
2 parents 0eccc2c + 6aacdf5
commit dc2f45a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/scss/_dropdown-serverside.scss b/src/scripts/OSFramework/OSUI/Pattern/Dropdown/ServerSide/scss/_dropdown-serverside.scss
@@ -30,10 +30,11 @@ $balloonMobileTopMargin: 5vh;
 		// Service Studio Preview
 		& {
 			-servicestudio-left: initial;
+			-servicestudio-margin-top: 4px;
 			-servicestudio-max-height: 320px;
 			-servicestudio-opacity: 1;
-			-servicestudio-position: relative;
-			-servicestudio-top: calc(100% + 4px);
+			-servicestudio-position: relative !important;
+			-servicestudio-top: 0;
 			-servicestudio-width: 100%;
 		}
 	}
@@ -92,6 +93,12 @@ $balloonMobileTopMargin: 5vh;
 			position: relative;
 			transition: border 250ms ease-in-out;
 			width: 100%;
+
+			// Service Studio Preview
+			& {
+				-servicestudio-height: fit-content;
+				-servicestudio-min-height: 40px;
+			}
 		}
 
 		[data-expression] {

diff --git a/src/scripts/OSFramework/OSUI/Pattern/Tabs/scss/_tabs.scss b/src/scripts/OSFramework/OSUI/Pattern/Tabs/scss/_tabs.scss
@@ -254,6 +254,10 @@
 				div:empty {
 					-servicestudio-padding: var(--space-m);
 				}
+
+				.uieditor-if-branch-widget:has(> div:empty) {
+					-servicestudio-height: 0;
+				}
 			}
 
 			// This selector is used to prevent render issues on chrome, in some screen-sizes, due to overflow hidden and css snap