Closed Bug 1553795 Opened 5 years ago Closed 4 years ago

Fix preset input in filter tooltip


(DevTools :: Inspector, defect, P2)



(firefox-esr68 wontfix, firefox74 wontfix, firefox75 wontfix, firefox76 wontfix, firefox77 fixed)

Firefox 77
Tracking Status
firefox-esr68 --- wontfix
firefox74 --- wontfix
firefox75 --- wontfix
firefox76 --- wontfix
firefox77 --- fixed


(Reporter: miker, Assigned: jansone-dace, Mentored)


(Keywords: regression)


(2 files)

Watch the Video as it shows how to reproduce this bug (video and audio).


  • Open the rule view.
  • Add a filter to an element e.g. filter: blur(5px).
  • Click the filter icon.
  • Look towards the bottom right of the filter tooltip.
  • Click inside the area where there is a small blemish.
  • Type some text.

The text appears and pushes the whole tooltip to the left... closing and re-opening the tooltip doesn't fix it.

Has STR: --- → yes

:miker, if you think that's a regression, then could you try to find a regression range in using for example mozregression?

I would like to work on this bug. Can I do that?

(In reply to Dace Jansone from comment #2)

I would like to work on this bug. Can I do that?


You're welcome to work on this. The relevant files are likely:

If you haven't done so already, learn how to get the code and your development environment set up by starting here:

Assignee: nobody → jansone-dace
Mentor: rcaliman

Bugbug thinks this bug is a regression, but please revert this change in case of error.

Keywords: regression

Fixed the problem that part of preset input field in filter widget was vissible
when it shouldn't be.

I have reproduced the problem in this jsfiddle: (added red border to show where filter widget ends).
The CSS code hiding the preset list is as follows:

#filter-container:not(.show-presets) .presets-list{
  width: 0;
  border-left: none;
  padding-left: 0;

But setting width to 0 only hides the element itself and doesn't hide it's children. I assume that is why the tooltip input element is visible.
To fix this I can either add overflow: hidden; rule to the style (as per this SO answer: or I can just hide everything by replacing the rules with display: none;.

Which do you think would be a better solution?

Thanks for taking the time to look into the issue!
The overflow: hidden on #filter-container .presets-list seems like the most sensible approach.

Pushed by
Fix preset input in filter tooltip. r=rcaliman
Closed: 4 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 77

Does this need uplift?

Flags: needinfo?(michael)
Flags: needinfo?(michael)
QA Whiteboard: [qa-77b-p2]
You need to log in before you can comment on or make changes to this bug.