fix jumping issue by wrapping inside box

dhis2 · Oct 16, 2023 · e6d3dab · e6d3dab
1 parent aae84e1
commit e6d3dab
Showing 1 changed file with 26 additions and 23 deletions.
diff --git a/common/src/commonMain/kotlin/org/hisp/dhis/common/screens/InputDropDownScreen.kt b/common/src/commonMain/kotlin/org/hisp/dhis/common/screens/InputDropDownScreen.kt
@@ -1,5 +1,6 @@
 package org.hisp.dhis.common.screens
 
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.DropdownMenu
@@ -29,29 +30,31 @@ fun InputDropDownScreen() {
 
         SubTitle("Basic Input Dropdown ", textColor = TextColor.OnSurfaceVariant)
         var selectedItem by rememberSaveable { mutableStateOf<String?>(null) }
-        InputDropDown(
-            title = "Label",
-            state = InputShellState.UNFOCUSED,
-            selectedItem = selectedItem,
-            onResetButtonClicked = {
-                selectedItem = null
-            },
-            onArrowDropDownButtonClicked = {
-                expanded = !expanded
-            },
-        )
-        DropdownMenu(
-            expanded = expanded,
-            onDismissRequest = { expanded = false },
-        ) {
-            options.forEach {
-                DropdownMenuItem(
-                    text = { Text(it) },
-                    onClick = {
-                        selectedItem = it
-                        expanded = false
-                    },
-                )
+        Box {
+            InputDropDown(
+                title = "Label",
+                state = InputShellState.UNFOCUSED,
+                selectedItem = selectedItem,
+                onResetButtonClicked = {
+                    selectedItem = null
+                },
+                onArrowDropDownButtonClicked = {
+                    expanded = !expanded
+                },
+            )
+            DropdownMenu(
+                expanded = expanded,
+                onDismissRequest = { expanded = false },
+            ) {
+                options.forEach {
+                    DropdownMenuItem(
+                        text = { Text(it) },
+                        onClick = {
+                            selectedItem = it
+                            expanded = false
+                        },
+                    )
+                }
             }
         }
         Spacer(Modifier.size(Spacing.Spacing18))