www.webdeveloper.com
Results 1 to 3 of 3

Thread: Lost scrollbar in textarea for Firefox

  1. #1
    Join Date
    Aug 2004
    Location
    San Diego, CA
    Posts
    225

    [solved] Lost scrollbar in textarea for Firefox

    Code:
    * html .finput { height: 19px; }        /* big enough for styled text */
    .finput {                               /* input boxes on forms */
         height: 15px;
         border-top: 2px solid #0000B0;
         border-left: 2px solid #0000B0;
         border-right: 1px solid #8F8F8F;
         border-bottom: 1px solid #8F8F8F;
         padding: 0 2px 0 2px;
         background-color: #FFFFFF;
         font-family: Helvetica, Arial, sans-serif;
         font-size: 14px;
         font-weight: normal;
         color: #000000;
    }
    // and
    Message<br>
    <textarea name='Msg' class='finput' style='width:420px; height:30px'></textarea>
    The css is used for text inputs as well as for textarea input. The former (for which I specify width only, of course) is perfect, the latter is also except that there is no scroll bar in Firefox. FF normal behavior is that none is present until needed, but with this usage none becomes available when needed either. In all other respects, and for IE, the textarea behaves properly.

    Ideas how to restore the scrollbar?

    You can see it in action on this page.
    Edit again: I increased the height to 50px (strictly a style issue, actually) and the scrollbar returned.
    Last edited by Jayhawk; 09-19-2005 at 10:43 AM. Reason: add link

  2. #2
    Join Date
    Aug 2005
    Posts
    124
    I think that the height of the textarea is too small, with a 100px height there's no problem.

  3. #3
    Join Date
    Aug 2004
    Location
    San Diego, CA
    Posts
    225
    ...and was typing that edit while pointfiftyae was typing his response, which was precisely correct. Thanks, pointfiftyae.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles