Results 1 to 3 of 3

Thread: Lost scrollbar in textarea for Firefox

  1. #1
    Join Date
    Aug 2004
    San Diego, CA

    [solved] Lost scrollbar in textarea for Firefox

    * 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
    <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 09:43 AM. Reason: add link

  2. #2
    Join Date
    Aug 2005
    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
    San Diego, CA
    ...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