1665970 - Inspector Mouse Scroll on CSS Key:Values not Working

Status: RESOLVED DUPLICATE of bug 1459637

(DevTools :: Inspector, defect)

Description

[Ebest]

Attachment: moz.JPG

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36

Steps to reproduce:

If you try a Page in Google Chrome and open the Inspector (Right Click->Inspect),

If there is a CSS like:

.className{
width : 200px;
height : 100px;
}

In those Values i.e 200px and 100px, if you click on the Value, once you Scroll the mouse, the Value will either increase or decrease depending on whether you Scroll Up or Scroll down. This works on px, %, pt, em and so on... This is NOT the case with either the normal Firefox or the Developers Edition.

Actual results:

I would like to develop using MOZILLA Developers Edition, but without this simple feature, it becomes a hinderance, am force to go back to Chrome.

So far in Mozilla it works ONLY with ARROW KEYS UP and DOWN but NOT with mouse scroll.

Is there any solution to this??

Expected results:

Those CSS Values i.e 200px and 100px, if you click on the them, once you Scroll the mouse, the Value will either increase or decrease depending on whether you Scroll Up or Scroll down. This works on px, %, pt, em and so on

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 2

[Razvan Caliman [:rcaliman]]

Hi Ebest,

Thanks for your suggestion!
This is a duplicate of Bug 1459637.

For now, the only way to increment the value in the Rules view is using the Arrow Up and Arrow Down keys on the keyboard.
Cool trick, you can hold Shift + ArrowUp/ArrowDown to change in larger increments or Alt + ArrowUp/ArrowDown to change in smaller increments.

We're not actively working to add features to the Rules view at this time. Incrementing with scroll is a nice feature that we may consider in the future.

but without this simple feature, it becomes a hinderance, am force to go back to Chrome.

I am sure you'll find plenty of other neat features in Firefox DevTools to make up for it, like the CSS Flexbox inspector which shows how flex properties got computed, the CSS Grid Inspector which shows how the columns and grids arrange, the Fonts panel which shows the font families which apply to the selected node as well as some editing capabilities, etc.