Textarea Auto Height

इस प्रश्न का उद्देश्य टेक्स्टक्षेत्र के स्क्रॉलबार को खत्म करना और इसके भीतर की सामग्री से मेल खाने के लिए इसकी ऊंचाई को समायोजित करना है। शुद्ध जावास्क्रिप्ट कोड का उपयोग करके एक समाधान प्रदान किया गया है:

function auto_grow(element) {
  element.style.height = "5px";
  element.style.height = (element.scrollHeight)   "px";
}

यह सुनिश्चित करने के लिए कि टेक्स्ट दर्ज करते समय टेक्स्ट क्षेत्र की ऊंचाई गतिशील रूप से आकार बदलती है, यह फ़ंक्शन ऑनइनपुट इवेंट द्वारा ट्रिगर किया जाता है। इसके अतिरिक्त, यदि वांछित हो तो न्यूनतम और अधिकतम ऊंचाई निर्धारित करते हुए, आकार बदलने और अतिप्रवाह को अक्षम करने के लिए टेक्स्टक्षेत्र के सीएसएस गुणों को समायोजित किया जा सकता है:

textarea {
  resize: none;
  overflow: hidden;
  min-height: 50px;
  max-height: 100px;
}

इन समायोजनों को लागू करने से, टेक्स्ट क्षेत्र स्वचालित रूप से सामग्री से मेल खाने के लिए अपनी ऊंचाई समायोजित कर लेगा, जिससे एक चिकना और उत्तरदायी उपयोगकर्ता अनुभव सुनिश्चित करते हुए स्क्रॉलबार की आवश्यकता समाप्त हो जाएगी।