@idealyst/components 1.2.77 → 1.2.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.77",
+  "version": "1.2.79",
   "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.77",
+    "@idealyst/theme": "^1.2.79",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -107,8 +107,8 @@
   },
   "devDependencies": {
     "@idealyst/blur": "^1.2.40",
-    "@idealyst/theme": "^1.2.77",
-    "@idealyst/tooling": "^1.2.30",
+    "@idealyst/theme": "^1.2.79",
+    "@idealyst/tooling": "^1.2.79",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",
     "react": "^19.1.0",

package/src/TextArea/TextArea.styles.tsx

@@ -162,7 +162,6 @@ export const textAreaStyles = defineStyle('TextArea', (theme: Theme) => ({
             background: 'transparent',
             transition: 'border-color 0.2s ease, box-shadow 0.2s ease',
             boxSizing: 'border-box',
-            overflowY: 'hidden',
             resize: 'none',
         },
     }),

package/src/TextArea/TextArea.web.tsx

@@ -220,13 +220,23 @@ const TextArea = forwardRef<IdealystElement, TextAreaProps>(({
 
   const showFooter = (error || helperText) || (showCharacterCount && maxLength);
 
+  // Determine overflow behavior:
+  // - When autoGrow is false: always allow scrolling (overflowY: 'auto')
+  // - When autoGrow is true without maxHeight: hide overflow (content expands)
+  // - When autoGrow is true with maxHeight: allow scrolling when content exceeds maxHeight
+  const overflowStyle = !autoGrow
+    ? { overflowY: 'auto' as const }
+    : maxHeight
+      ? { overflowY: 'auto' as const }
+      : { overflowY: 'hidden' as const };
+
   const computedTextareaProps = getWebProps([
     textareaStyleComputed,
     textareaStyle as any,
     { resize } as any, // Apply resize as inline style since it's CSS-only
     minHeight ? { minHeight: `${minHeight}px` } : null,
     maxHeight ? { maxHeight: `${maxHeight}px` } : null,
-    autoGrow && maxHeight && textareaRef.current && textareaRef.current.scrollHeight > maxHeight ? { overflowY: 'auto' as const } : null,
+    overflowStyle,
   ].filter(Boolean));
 
   const mergedRef = useMergeRefs(ref, containerProps.ref);