342058 - Support tab key event for navigation, :focus

Status: RESOLVED FIXED

(Core :: SVG, defect)

Description

[jonathan chetwynd]

This is already implemented however, unfortunately the current implementation appears to work only with groups <g>:
 rather than anchors <a>. It should be possible to tab through anchors using for instance:
addEventListener("focus", focusHandler, false);

see attachment. 

alternatively http://www.peepo.co.uk/index.svg for groups, 
URL for anchors, note currently broken

rationale:

:focus is part of the standard:

http://www.w3.org/TR/SVG11/interact.html#UIEventProcessing

and

http://www.w3.org/TR/2004/WD-SVG12-20041027/events.html

"Processing of any relevant dynamic pseudo-classes (i.e., :hover, :active and
:focus), after which the event is passed on for:"

A related bug https://bugzilla.mozilla.org/show_bug.cgi?id=259062 has some historical detail.

Comment 1

[jonathan chetwynd]

Attachment: tab or focus anchor broken

Comment 2

[jonathan chetwynd]

this applies equally to other events such as mouseover, mouseout and blur.

it's the support for anchors that appears to be missing, rather than support for events per se.

Comment 3

[jonathan chetwynd]

please also see https://bugzilla.mozilla.org/show_bug.cgi?id=267664

Comment 4

[jonathan chetwynd]

partially resolved by patch to bug:267664

as I mouseover the text
the mouseout is being fired
letter by letter
is this intentional?
it's irritating and likely to be confusing

Comment 5

[jonathan chetwynd]

partially resolved by patch to bug:267664

as I mouseover the text in the attachment
the mouseout is being fired
letter by letter
is this intentional?
it's irritating and likely to be confusing

Comment 6

[Jonathan Watt [:jwatt]]

As originally reported this bug was fixed by the patch for bug 267664. I believe the issue mentioned in comment 4 and comment 5 is covered by bug 369054. If not please open a new bug.

Comment 7

[jonathan chetwynd]

I'd like it understood that in my view there should be a default indicator that highlights links on focus.

as per image for html having a dotted border or similar.

else one is reliant on author adding scripting which is unreliable.
of course scripting isn't possible in some situations.

How could one set up a user style sheet to ensure that linked text In SVG was always blue and underlined on focus?

otherwise fixed thanks

Comment 8

[Jonathan Watt [:jwatt]]

Okay. Please file a new bug and we can discuss it there.

Comment 9

[Jeff Schiller]

I agree with Jonathan - it would be nice if there was some default indication of an SVG link being focused, the dotted border seems like the most reasonable and consistent with HTML links, buttons, etc.  Would this be hard to implement?  Ideally the dashed box would not even be grid-aligned due to skewing/rotations.

Comment 10

[jonathan chetwynd]

see Bug 369507 

Comment 11

[jonathan chetwynd]

I can no longer get this to 'work'
can someone please confirm this is a regression, or more likely email me instructions to enable keyboard navigation?
os x