Open
Bug 1327687
Opened 8 years ago
Updated 2 years ago
Box model doesn't immediately update values of margin if it changes from or to "auto"
Categories
(DevTools :: Inspector, defect, P3)
DevTools
Inspector
Tracking
(Not tracked)
NEW
People
(Reporter: arni2033, Unassigned)
References
(Blocks 1 open bug)
Details
>>> My Info: Win7_64, Nightly 49, 32bit, ID 20160526082509
STR_1:
1. Open data:text/html,<style>body{margin:calc(5px * 2) 8px auto}
2. Open inspector -> "computed" tab in sidebar
3. Click on margin-top in box model, type "auto". Click on margin-bottom, type "1", press Enter
4. Select "<head>" in markup, then select "<body>" in markup
AR:
After Step 3 box model displays: margin-top:0, margin-bottom:auto
After Step 4 box model displays: margin-top:auto, margin-bottom:1
ER: Either X or Y (probably)
X) After Step 3 box model should update values immediately
Y) Box model should only show computed values, and never show "auto"
Note: (explanation of (Y))
By the way, it looks strange that box model placed in "computed" tab displays "auto". It should only
display computed values, not "auto" or "calc(5px * 2)". It handles the latter case correctly IMO.
Component: Untriaged → Developer Tools: Computed Styles Inspector
|
||
Comment 1•8 years ago
|
||
Gabriel, I think arni makes a good point here: displaying "auto" in the box-model seems inconsistent.
Even more now that the box-model is displayed in the computed values panel.
What do you think about displaying the actual computed value rather than auto here ?
FWIW, looks like this is how Chrome does it.
Flags: needinfo?(gl)
Priority: -- → P3
|
||
Comment 2•8 years ago
|
||
Ya, I think we should actually display the computed value rather than auto.
Flags: needinfo?(gl)
|
||
Updated•6 years ago
|
Product: Firefox → DevTools
|
Assignee | |
Updated•4 years ago
|
Component: Inspector: Computed → Inspector
|
|
||
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•