@idealyst/components 1.2.64 → 1.2.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.64",
+  "version": "1.2.66",
   "description": "Shared component library for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/components#readme",
   "readme": "README.md",
@@ -56,7 +56,7 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.2.64",
+    "@idealyst/theme": "^1.2.66",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -107,7 +107,7 @@
   },
   "devDependencies": {
     "@idealyst/blur": "^1.2.40",
-    "@idealyst/theme": "^1.2.64",
+    "@idealyst/theme": "^1.2.66",
     "@idealyst/tooling": "^1.2.30",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",

package/src/TextArea/TextArea.native.tsx

@@ -168,11 +168,15 @@ const TextArea = forwardRef<IdealystElement, TextAreaProps>(({
           style={[
             textareaStyleComputed,
             {
-              textAlignVertical: 'top',
+              // Center text vertically when autoGrow (single-line behavior), top-align for multi-line
+              textAlignVertical: autoGrow ? 'center' : 'top',
               backgroundColor: 'transparent',
             },
-            maxHeight && { maxHeight },
-            { height: autoGrow ? contentHeight : rows * 24 },
+            // For autoGrow: don't set height, let it grow naturally with minHeight constraint
+            // For fixed height: use rows-based height
+            autoGrow
+              ? { minHeight: minHeight ?? 44, maxHeight: maxHeight }
+              : { height: rows * 24 },
             textareaStyle,
           ]}
           value={value}
@@ -183,7 +187,9 @@ const TextArea = forwardRef<IdealystElement, TextAreaProps>(({
           placeholder={placeholder}
           editable={!disabled}
           multiline
-          numberOfLines={0}
+          // Disable internal scrolling when autoGrow - let the TextInput expand instead
+          scrollEnabled={!autoGrow || (maxHeight !== undefined && contentHeight !== undefined && contentHeight >= maxHeight)}
+          numberOfLines={autoGrow ? undefined : rows}
           maxLength={maxLength}
           placeholderTextColor="#999"
         />

package/src/TextArea/TextArea.styles.tsx

@@ -127,14 +127,15 @@ export const textAreaStyles = defineStyle('TextArea', (theme: Theme) => ({
                 fontSize: theme.sizes.$textarea.fontSize,
                 padding: theme.sizes.$textarea.padding,
                 lineHeight: theme.sizes.$textarea.lineHeight,
-                minHeight: theme.sizes.$textarea.minHeight,
             },
             autoGrow: {
                 true: {
                     // Use input height as minHeight when autoGrow is enabled
                     minHeight: theme.sizes.$input.height,
                 },
-                false: {},
+                false: {
+                    // No minHeight - let rows attribute control height
+                },
             },
             disabled: {
                 true: {