Wait for editorSize

badoualy · Apr 17, 2023 · 1d6aa8a · 1d6aa8a
1 parent 3be9303
commit 1d6aa8a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/story-editor/src/main/java/com/github/badoualy/storyeditor/StoryEditor.kt b/story-editor/src/main/java/com/github/badoualy/storyeditor/StoryEditor.kt
@@ -126,7 +126,11 @@ private fun StoryEditorContent(
                 StoryEditorScopeImpl(state, onDeleteElement)
             }
             with(scope) {
-                content()
+                // Wait for editorSize to be reported before actually adding elements to composition
+                val isEditorSizeReported by remember { derivedStateOf { state.editorSize.width > 0 } }
+                if (isEditorSizeReported) {
+                    content()
+                }
             }
         }
 

diff --git a/story-editor/src/main/java/com/github/badoualy/storyeditor/component/EditorDeleteButton.kt b/story-editor/src/main/java/com/github/badoualy/storyeditor/component/EditorDeleteButton.kt
@@ -73,14 +73,14 @@ internal fun EditorDeleteButton(
         exit = fadeOut(),
         modifier = modifier
             .onPlaced { deleteBounds = it.boundsInParent() }
+            .scale(if (isInDeleteRange) 1.5f else 1f)
             .padding(24.dp)
     ) {
         val color = if (isInDeleteRange) Color.Red else Color.Black
         Surface(
             shape = CircleShape,
             color = color.copy(alpha = 0.5f),
-            contentColor = Color.White,
-            modifier = Modifier.scale(if (isInDeleteRange) 1.5f else 1f)
+            contentColor = Color.White
         ) {
             Icon(
                 Icons.Default.Delete,