memoize hasChildren variable

Author: GamerGirlandCo

src/api/ui/views/task.tsx

@@ -125,11 +125,8 @@ export function Task({ item, state: props }: { item: MarkdownTaskItem; state: Ta
         [eState.content, item, props.rows]
     );
 
-    const [collapsed, setCollapsed] = useState<boolean>(false);
-    const hasChildren = item.$elements.length > 0;
-    useEffect(() => {
-        setCollapsed(!collapsed);
-    }, []);
+    const [collapsed, setCollapsed] = useState<boolean>(true);
+    const hasChildren = useMemo(() => item.$elements.length > 0, [item, item.$elements, item.$elements.length]);
 
     return (
         <li

src/ui/fields/fields.css

@@ -28,9 +28,10 @@
     border-bottom-left-radius: inherit;
     user-select: none;
 }
-span.datacore-editable-outer, span.datacore-editable-outer textarea {
-	width: 100% !important;
-	display: inline-block !important;
+span.datacore-editable-outer,
+span.datacore-editable-outer textarea {
+    width: 100% !important;
+    display: inline-block !important;
 }
 .datacore-field .field-value {
     display: inline-block;