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

Form validation tooltip doesn't move on scrolling

  • 7 replies
  • 2 have this problem
  • 1 view
  • Last reply by cor-el

more options

The tooltips that appear on HTML form field validation (field required, min-max values...) seem to have a fixed display and don't move with their target field when scrolling. See screenshots. I have Firefox 57.0.1 running on Ubuntu 16.

The tooltips that appear on HTML form field validation (field required, min-max values...) seem to have a fixed display and don't move with their target field when scrolling. See screenshots. I have Firefox 57.0.1 running on Ubuntu 16.
Attached screenshots

All Replies (7)

more options

Did it work differently in previous version of Firefox? Can you provide for us to test this.

more options

I don't remember facing this behaviour before, but maybe it was already there and I just never saw it... What do you want me to provide?

more options

I was looking if this can be submitted as a bug report on https://bugzilla.mozilla.org/ . I think you know more about this than I do, can you please file this bug there with an appropriate test case. This way it can solved properly for everyone.

I was asking for a test case to see if I can reproduce your issue before filing a report.

more options

How are you scrolling?

Normally the tooltip would disappear when you would scroll

See also the live example here that can be edited.


Try the Firefox version from the official Mozilla server if you currently use a version from the repositories of your Linux distribution.

more options

jagan605 said

I was looking if this can be submitted as a bug report on https://bugzilla.mozilla.org/ . I think you know more about this than I do, can you please file this bug there with an appropriate test case. This way it can solved properly for everyone. I was asking for a test case to see if I can reproduce your issue before filing a report.

I actually wanted to file a bug report but didn't know it had to be done through bugzilla. The bug was already filed there https://bugzilla.mozilla.org/show_bug.cgi?id=1418297. I provided a simple test case.

Thank you!

cor-el said

How are you scrolling? Normally the tooltip would disappear when you would scroll See also the live example here that can be edited.

Try the Firefox version from the official Mozilla server if you currently use a version from the repositories of your Linux distribution.

I scroll using the mouse wheel, the tooltip does not disappear. Here's a test case for the live example: <form>

 <input id="input1" type="text" required>
 <input type="submit" value="Submit">

</form> When I live the text input empty and click on submit the tooltip appears, then if I scroll down with the mouse wheel, the input moves up but the tooltip remains at the same position on the screen.

I use the version from the Ubuntu repository. Do you think It is useful that I try with the official server version if the bug report has been filed already?

more options

adodero said

I use the version from the Ubuntu repository. Do you think It is useful that I try with the official server version if the bug report has been filed already?

You can continue to use Firefox from the repository of Ubuntu since it is convenient to use the package manager.

more options

OK. I can replicate this with the STR as posted in the bug report.

  • Bug 1041529 - HTML 5 constraint validation message does not scroll along with the related field

I seems to happen if you submit the form and use the mouse scroll wheel to scroll the page. In that case the message stays on the screen. When I drag the scroll bar then the message is removed.

Click "Place Order" to submit the form.