This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Horizontal scroll bar appears when content is larger than the box itself.

  • 4 replies
  • 3 have this problem
  • 3 views
  • Last reply by cor-el

more options

Since the latest Firefox update, when working in a form, if the text entered into a text box is longer than the size of the box, then a scroll bar appears which hides the text behind it. In the old version, you could simply select the text and drag right to see the rest of the text.

Since the latest Firefox update, when working in a form, if the text entered into a text box is longer than the size of the box, then a scroll bar appears which hides the text behind it. In the old version, you could simply select the text and drag right to see the rest of the text.

All Replies (4)

more options

I haven't noticed this in <input type="text">. Does it only happen on particular sites?

You can check what kind of form control it is by right-clicking > Inspect element. Use the button with the 3 offset horizontal bars to see the HTML tag in context. You can right-click to copy it. (If you click the Style button at the lower right, you also can view the style rules for the field.)

more options

That sounds more like a text area of one row or an edible DIV element with overflow enabled.

more options

Thanks for the prompt reply.

I have only noticed it with one site. I use the site for work. Some of my colleagues have the same problem but others don't, although I can't confirm what version they use.

When I performed the steps you mentioned, I received the following:

<textarea class="text sr " wrap="off" id="arid303558600" cols="20" maxlen="200" style="top:0; left:130; width:182; height:21;" rows="1"></textarea>

Is this a problem with the web site, or can a setting be changed in Firefox? Obviously something has changed with Firefox as I never had this problem until the update.

I have included a picture of the error below. On the left is how Firefox display the text box and on the right how IE displays the box.

Thanks for all your help with this.

Modified by CammyT

more options

Looks that it is caused by the wrap="off" attribute.
Changing this of hard or soft make the scroll bar disappear.
Note that you should be able to resize the text area to get more rows.