Open Bug 1327353 Opened 7 years ago Updated 1 year ago

Text in ruleview horribly twitches when I edit sourceMapped style


(DevTools :: Inspector: Rules, defect, P2)



(Not tracked)


(Reporter: arni2033, Unassigned)


(Keywords: testcase-wanted)

>>>   My Info:   Win7_64, Nightly 49, 32bit, ID 20160526082509
1. Open
2. Open devtools -> inspector -> rules, resize ruleview to make it ~410px wide (on dark theme)
3. Find the last set of rules with selector "body" defined in sourceMapped stylesheet
4. In that set of rules, click on the closing bracked "}" to start creating a new rule
5. Slowly type "background:lightgrey;"

AR:  All text in ruleview horribly twitches. Stylesheets locations briefly display another location
ER:  Text should stay still

Note:  devtools theme should be dark, because otherwise width of scrollbar interferes w/ Step 2
No longer blocks: 1277113
Component: Untriaged → Developer Tools: CSS Rules Inspector
Indeed, this is pretty bad. Would be nice to have smaller test case to reproduce the issue.
Priority: -- → P2
Product: Firefox → DevTools
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.