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

In firefox the mouse pointer covers the tooltip, how do i change that?

  • 7 replies
  • 1 has this problem
  • 1 view
  • Last reply by jamvaru

more options

In other 'apps' on windows 10 the tooltip is above the pointer or below it. In Firefox it is directly under the mouse. So usually any tooltip popup in firefox is unreadable, mostly. One can infer the content sometimes.

How do i change that? Or what is the problem?

I'll try and include a screenshot. Hmm, the screenshot didn't include the mouse. I think i can do a video with OBS and then a screenshot of that.

Interesting, somehow in the screenshot from the obs video it shows 2 mouse pointers. One is very small and the tooltip is just below that, but the other is larger (the one I see) and it covers the tooltip. I'm using the standard windows mouse settings for larger mouse pointers. I just tried using the 'old' mouse settings to select a larger mouse and it behaves the same way. If I select size: 1 in the new size settings, and the old settings i have 'windows system' mouse, then the tooltip is under the pointer but the size is too small for the pointer. I then changed to another mouse setting in the old selector "inverted extra large" and you can see the tooltip because of the 'inverted' nature of the pointer, but the tooltip is still partially covered by the pointer.

Ideally the choice would be to put the tooltip above the mouse pointer rather than below. When you increase the size of the mouse pointer it only increases down, not up. The point of the pointer is always at the top.

I'm going to try one more thing, increasing the size in the new settings after having selected "inverted", but i recall that it changes to the new pointer style. Ah, there is an inverted setting in the new options as well, and if i select that instead of the gray color i was using then one can read the tooltip through the mouse.

So, then my question becomes "can I put the tooltip above the mouse pointer?" Because it is still covered by the mouse pointer as is. I don't see anything in 'about:config', so far.

Thank you.

In other 'apps' on windows 10 the tooltip is above the pointer or below it. In Firefox it is directly under the mouse. So usually any tooltip popup in firefox is unreadable, mostly. One can infer the content sometimes. How do i change that? Or what is the problem? I'll try and include a screenshot. Hmm, the screenshot didn't include the mouse. I think i can do a video with OBS and then a screenshot of that. Interesting, somehow in the screenshot from the obs video it shows 2 mouse pointers. One is very small and the tooltip is just below that, but the other is larger (the one I see) and it covers the tooltip. I'm using the standard windows mouse settings for larger mouse pointers. I just tried using the 'old' mouse settings to select a larger mouse and it behaves the same way. If I select size: 1 in the new size settings, and the old settings i have 'windows system' mouse, then the tooltip is under the pointer but the size is too small for the pointer. I then changed to another mouse setting in the old selector "inverted extra large" and you can see the tooltip because of the 'inverted' nature of the pointer, but the tooltip is still partially covered by the pointer. Ideally the choice would be to put the tooltip above the mouse pointer rather than below. When you increase the size of the mouse pointer it only increases down, not up. The point of the pointer is always at the top. I'm going to try one more thing, increasing the size in the new settings after having selected "inverted", but i recall that it changes to the new pointer style. Ah, there is an inverted setting in the new options as well, and if i select that instead of the gray color i was using then one can read the tooltip through the mouse. So, then my question becomes "can I put the tooltip above the mouse pointer?" Because it is still covered by the mouse pointer as is. I don't see anything in 'about:config', so far. Thank you.
Attached screenshots

Chosen solution

I don't think that Firefox knows the size of the mouse cursor and could get this and the CSS for positioning the tooltip pop-up is fixed and JavaScript would have been required to adjust the position. You can possibly file a bug report and ask that the tooltip has a higher z-index than the mouse pointer if that would fix it and has a pointer-events: none; property.

Read this answer in context 👍 1

All Replies (7)

more options

also, i don't want to use 'inverted' pointer, i want the 'gray' in the picture, and larger than default

more options

I think that what you would want is that the tooltip is on top of the mouse pointer instead of under it.

You have a rather big mouse pointer where the large part extends to the right. I assume that a mirrored version with the thumd facing at the right would cause less problems. I also notice that the tooltip is rather small when I compare the tooltip on Linux where I have a tooltip with a rather large border that is also placed a lot lower.

Isn't there a setting for tooltip in the Windows setting for the curent Windows theme as I assume that Firefox uses native (OS) styling for thooltips ?

It loks that "Control Panel -> Personalization" is no longer by default present in Windows 10 (it can probably be readded) and is replaced by a less usefull item in Settings

more options

i switched to linux (permanently) same problem some tooltips are under the pointer, some are not it's just a bad design, firefox, oops what happens when nobody is in charge

so, for the most part i forgot about it, been using firefox just fine in linux, but... looking closer i see the same problem, but i haven 't really been impacted by it so far

the url bar tooltip is fine, lower right the lock icon just to the left of it, and the shield icon, these tooltips are covered by the mouse pointer no tooltips on this page to use as an example, but other pages seem to have ok tooltips; idk if that is the page or the browser though, probably page (youtube for example, good tooltips)

the reload button tooltip is covered up so it appears to say "load current page" but i am using the 48px pointer, perhaps a smaller one would be 'ok' still though, why not just put the tooltip either above the mouse POINT or if at the top of the page, far enough below it to miss the pointer, or to the right or left, or let me customize

not really a hard sell for this solve

Modified by jamvaru

more options

Can't you make the moue pointer a few pixels smaller, just enough that you can read the text ?

I don't know if you can use a higher z-index or add some extra padding at the left end via code in userChrome.css. Note that you need to add the !important flag to override existing rules.

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

More info about userContent.css and userChrome.css in case you are not familiar: *https://www.userchrome.org/what-is-userchrome-css.html

more options

interesting perhaps i can use css to correct the problem . fortunately it isn't really a big problem; i'm just not going to bother . my question is more accurately stated: WHY CAN'T FIREFOX GET THIS RIGHT WITH THE MOUSE POINTER AND TOOLTIPS?

LOL

more options

Chosen Solution

I don't think that Firefox knows the size of the mouse cursor and could get this and the CSS for positioning the tooltip pop-up is fixed and JavaScript would have been required to adjust the position. You can possibly file a bug report and ask that the tooltip has a higher z-index than the mouse pointer if that would fix it and has a pointer-events: none; property.

more options

nah, it's just that firefox don't want to fix it