Topic: Textarea min height

1robin priority asked 1 year ago


Set min height by default to textarea to avoid this situation:

enter image description here


1robin priority answered 1 year ago


Same behavior on your website.

enter image description here


Kamila Pieńkowska staff commented 1 year ago

What is your system and browser? This is not behavior most users see.


1robin priority commented 1 year ago

Mozilla Firefox 102.15.1esr on Debian


Kamila Pieńkowska staff commented 1 year ago

It should work in this setup. Do you get any console errors?

And did you turn off the system animation?


1robin priority commented 1 year ago

Do you get any console errors? -No And did you turn off the system animation? -No


1robin priority commented 1 year ago

I tried on another device with Ubuntu with

Chromium 117.0.5938.92 Firefox 118.0.1

Same thing happens. No console error.


Grzegorz Bujański staff commented 1 year ago

We have tested this on several Linux distributions and browsers and unfortunately we are unable to reproduce this issue. What's more, no one has ever reported this issue to us before. Maybe you are using some browser extension that interferes with textarea? Do you also have this error in incognito mode without additional extension? Can you check if you have the height or max height set in your textarea styles? In our documentation the textarea is set to rows="4" so this should set the appropriate height. In your case, it looks like something overwrote this data attribute or set the height of the textarea


Kamila Pieńkowska staff answered 1 year ago


We do have a set minimum height on the text area. Did you use form-outline class on it?


1robin priority commented 1 year ago

Yes it is wrapped in form-outline class. I tried on you website, same thing is happening.


Kamila Pieńkowska staff commented 1 year ago

Please create a snippet that recreates this bug.


Muhammd Asif free commented 1 year ago

This is often useful for textareas in forms to make them more user-friendly, especially when users need to input longer text. Here's an example of how to set a minimum height for a textarea using CSS: textarea { min-height: 100px; /* Set the minimum height to 100 pixels */ } In this example, the text area will have a minimum height of 100 pixels, but it can expand further if needed to accommodate more text.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No