Open Bug 1327688 Opened 7 years ago Updated 2 years ago

Box model doesn't update when element dimensions change on ":hover"

Categories

(DevTools :: Inspector, defect, P2)

defect

Tracking

(Not tracked)

People

(Reporter: arni2033, Unassigned)

Details

>>>   My Info:   Win7_64, Nightly 49, 32bit, ID 20160526082509
STR_1:
1. Open url   data:text/html,<img src="about:logo"><style>img:hover{transform: scale(1.1);}
2. Open devtools -> inspector -> box model
3. Right-click <img> element in markup, click ":hover"

AR:  Box model reports width == 300px
ER:  Box model should report width == 330px

Note:
 I think that many tools including sidebar in inspector shouldn't update unless user clicks some
 button to refresh styles/fonts/whatever or sets pref/checkbox to always update automatically.
 But so far the developers' plan is to always display the actual data, so this bug seems valid.
No longer blocks: 1277113
Component: Untriaged → Developer Tools: Computed Styles Inspector
Note that if you select another element and then select the the img again, the box-model shows the right width/height. So it's a matter of forcing an update of the box-model view when layout changes.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P2
Product: Firefox → DevTools
Component: Inspector: Computed → Inspector
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.