Seeking guide，How can I make Textarea have no maxRows limit? I don't want a scrollbar to appear.

[baijiu-in-my-cup]

Seeking guide，How can I make Textarea have no maxRows limit? I don't want a scrollbar to appear.

thanks very much!I look forward to receiving a reply.

[melodyxpot]

Please try this one. That solved scroll bar problem but it didn't solve entire problem.
The only one thing is that you won't be seeing the scroll bar anymore.
But max height is still there and you can see it.
I hope you try it out first.

import React from 'react';
import { Textarea } from "@heroui/react";

export default function App() {
  const [value, setValue] = React.useState("");

  return (
    <div className="w-full max-w-[500px] mx-auto p-4">
      <Textarea
        label="Description"
        labelPlacement="outside"
        placeholder="Enter your description (no character limit)"
        value={value}
        onValueChange={setValue}
        minRows={3}
        classNames={{
          input: "resize-none overflow-hidden",
          inputWrapper: "max-h-none",
          innerWrapper: "max-h-none",
        }}
        // Add this prop to handle auto-resizing
        onHeightChange={(height) => {
          const textarea = document.querySelector('textarea');
          if (textarea) {
            textarea.style.height = 'auto';
            textarea.style.height = `${textarea.scrollHeight}px`;
          }
        }}
      />
      <p className="mt-2 text-small text-default-500">
        Character count: {value.length}
      </p>
    </div>
  );
}

[baijiu-in-my-cup]

Thanks for your help! The scroll bar issue is fixed, but I'm still seeing a problem — the content gets cut off as I type.┭┮﹏┭┮