Open Bug 1366494 Opened 7 years ago Updated 2 years ago

The focus ring outline for SVG anchors should not scale up with any transform applied to the SVG

Categories

(Core :: SVG, defect)

51 Branch
defect

Tracking

()

Tracking Status
firefox53 --- wontfix
firefox54 + fix-optional
firefox55 + fix-optional
firefox56 - fix-optional

People

(Reporter: xenos, Unassigned)

References

Details

(Keywords: regression, testcase)

Attachments

(1 file)

Attached file Showcase sample (deleted) —
User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:53.0) Gecko/20100101 Firefox/53.0 Build ID: 20170504105526 Steps to reproduce: I use SVG and put an anchor ("a" tag) in it. Actual results: When you click it (or give it focus thought tab), the anchor is surrounded by some kind of dotted border, where each dot seems to be a 1unit square. So if the SVG is like 10x5 units but is displayed as a 1000x500 image, then the 1unit dot becomes a 100x100 giant dot on the screen. See the attachment: it's 4 SVG images with the same display width, but with a different viewBox attribute: 1st (top left) is 1000x1000 so the dotted border is barely visible. Last is 1x1 (but still displayed as 400px width) so the dot becomes a giant thing that completly confuses me and users in general. Expected results: The dotted border must not be a 1unit square, because of the previously said. Instead, it should be a "1px square *on the display view port*". The color of this dotted border can be controlled using the "color" CSS property (so I put a "svg a { color:transparent; }" to temporarily fix the issue), but I consider this as a FF bug that came up in FF53 (or maybe late 52).
Component: Untriaged → SVG
Product: Firefox → Core
[Tracking Requested - why for this release]: [Tracking Requested - why for this release]: Regression range: https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=44edb0 8719bfeff657a6c2d461bba07bc4345a37&tochange=6f45f00e67c6ea2ed51a94cdb066dff2e3d6 4dec Regressed by bug 778654.
Blocks: 778654
Status: UNCONFIRMED → NEW
Has Regression Range: --- → yes
Has STR: --- → yes
Ever confirmed: true
Flags: needinfo?(dmu)
Keywords: regression, testcase
OS: Unspecified → All
Hardware: Unspecified → All
Version: 53 Branch → 51 Branch
It looks like not a regression bug, it seems to be a new follow-up bug after bug 778654 is landed.
Flags: needinfo?(dmu)
(In reply to Daosheng Mu[:daoshengmu] from comment #2) > It looks like not a regression bug, it seems to be a new follow-up bug after > bug 778654 is landed. Because before bug 778654, our SVG doesn't have focus behavior.
Track 54+/55+ as bad SVG behavior on focus.
(In reply to Daosheng Mu[:daoshengmu] from comment #2) > It looks like not a regression bug, it seems to be a new follow-up bug after > bug 778654 is landed. Chrome doesn't behave like that. Is it a new feature not implemented in all browsers? Is it speced somewhere?
(In reply to Loic from comment #5) > (In reply to Daosheng Mu[:daoshengmu] from comment #2) > > It looks like not a regression bug, it seems to be a new follow-up bug after > > bug 778654 is landed. > > Chrome doesn't behave like that. Is it a new feature not implemented in all > browsers? Is it speced somewhere? Sorry for the unclear comment. I mean we would have some follow-up work for this because bug 778654 enables the focus behavior for SVG. Some SVG elements didn't cover all of this implementation, so probably it will come out new follow-up bugs need to do.
Too late to fix in 53. Daosheng, want to take this on? Or, can you help find an owner for it? Thanks!
Sorry for I am busy in other projects and afraid I don't have much bandwidth to work on SVG in this couple of weeks. Jonathan, do you have time to take care about this?
Flags: needinfo?(dmu) → needinfo?(jwatt)
I'm afraid not.
Flags: needinfo?(jwatt)
Summary: SVG anchor is dotted on focus → The focus ring outline for SVG anchors should not scale up with any transform applied to the SVG
Jet, back to you as triage owner for the component. I'm going to stop tracking this and figure it is in our general backlog. Is there anyone currently planning to follow up on SVG spec work?
Clearly ni on Jet as he no longer works at Mozilla.
Flags: needinfo?(bugs)
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: