Open Bug 1199330 Opened 9 years ago Updated 2 years ago

SVG images with specific styling twitch when opacity changes

Categories

(Core :: Graphics: ImageLib, defect, P3)

39 Branch
defect

Tracking

()

Tracking Status
firefox43 --- wontfix
firefox48 --- wontfix
firefox49 --- fix-optional
firefox-esr45 --- affected
firefox50 --- fix-optional
firefox51 --- fix-optional

People

(Reporter: arni2033, Unassigned)

References

Details

(Keywords: regression, Whiteboard: gfx-noted)

User Story

>>>   My Info:   Win7_64, Nightly 49, 32bit, ID 20160526082509

STR:
1. Open attached "testcase 1"
2. Open devtools, dock devtools to the bottom side of window
3. Resize devtools to make content area as thin as possible (read Note [2])
4. Quickly hover mouse over "Network" tab and move mouse away (see screencast)

AR:  SVG icon twitches
ER:  SVG icon shouldn't twitch

Notes:
[1] If I simply quickly set different values for opacity via inspector, the bug still manifests
[2] The goal of Step 3 is to make sure <toolbar/> element in testcase has height == 25px
   [24px of content + 1px of bottom border]. You can also resize devtools so that <toolbar/>
    element in testcase had height == (2k+1)px. The bug will still be reproducible)

@ Seth Fowler:
I've set NI request for you to ask if bug 1085783 could cause this or is there a better candidate

This is regression from bug 1085783 (presumably). Regression range:
> https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=946ac85af8f4&tochange=0b202671c9e2

Attachments

(2 files, 1 obsolete file)

I noticed this when I was using Dark DevTools theme [watch video to see it "in the field"]
When I quickly move mouse over those icons, they change the height for a moment.

So I opened Browser Toolbox and tried to quickly set and remove :hover state, and got the same result

Next, I figured out that this happens only with Style Editor and Network icons. Apparently, this is happening because SVG icons have wrong width (17). Comment 1 lists all tab icons
Severity: normal → trivial
See Also: → 1200863
Attachment #8653594 - Attachment is obsolete: true
Blocks: 1085783
Severity: trivial → normal
Has Regression Range: --- → yes
Has STR: --- → yes
User Story: (updated)
Component: Developer Tools → ImageLib
Flags: needinfo?(seth)
Keywords: regression
Product: Firefox → Core
See Also: 1200863
Summary: SVG icons for Style Editor and Network have wrong width and viewBox width → SVG images with specific styling twitch when opacity changes
Version: Trunk → 39 Branch
Switching need-info over to Milan since I don't think Seth will be looking at these bugs anymore.
Flags: needinfo?(seth.bugzilla) → needinfo?(milan)
Priority: -- → P3
Whiteboard: gfx-noted
Flags: needinfo?(milan)
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: