Support » Theme: Clean Yeti Basic » Don't force height for textareas

  • Resolved Daedalon


    Our site has plugins that create textareas with a defined number of rows (HTML attribute). These don’t have any effect as cleanyetibasic.css defines on row 2971 that all textareas have a height of height: 2.3125rem;.

    Why is there a pre-defined height for textarea elements that overrides the row attribute? Could it be removed so that rows have an effect?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Serene Themes


    Well, this is another default foundation setting. I think I found a work around though. I’m no expert with js and jquery but this seems to work:

    $('body').find('textarea').each(function () {
            if ($(this).attr('rows')) {
                $(this).css('height', 'auto');
            } else {
                // attribute does not exist

    I will add this to foundation.custom.js
    I guess another thing you could do is add the following to your css

    textarea {

    To me it seems like the best way to fix this is to remove or override the default CSS with CSS. JS solutions are always slower and don’t work for all users, so I’d use them only when pure CSS cannot do it.

    Could Clean Yeti Basic’s CSS be updated to override the Foundation default?

    Theme Author Serene Themes


    well, after looking into it some more it appears that the height of the textarea can’t be dragged vertically when the height is set to auto, only horizontally. I may have seek a solution from foundation.

    Theme Author Serene Themes


    Looks like a request has already been made:

    Great! Marking the issue as resolved here for now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Don't force height for textareas’ is closed to new replies.