#12761 closed bug (wontfix)

Opened May 19, 2015 08:50PM UTC

Closed May 20, 2015 02:17PM UTC

[Chrome] anchor tag containing svg inside div is not visible (tabbable)

Reported by: jj09 Owned by:
Priority: minor Milestone: none
Component: ui.core Version: 1.11.4
Keywords: Cc:
Blocked by: Blocking:
Description

http://jsfiddle.net/jj09/sat2Lj6s/

The first anchor tag contains svg (wrapped with div).

The second anchor tag contains only svg (svg wrapped with any other tag than div behave the same).

In Chrome: the first anchor tag is not tabbable, which is not expected (should be tabbable). The second anchor tag is tabbable (as expected).

In IE/FF: Both tags are tabbable (as expected).

After debugging I figured out that $.expr.filters.visible(element) returns false for the first anchor tag. This function is defined in jQuery (http://code.jquery.com/jquery-2.1.4.js, line 8410). This is a bug in dependency, but impacting jQuery UI function tabbable so I created it here.

I am using jQuery 2.1.3 (it doesn't work with 1.x.x as well).

Attachments (0)
Change History (1)

Changed May 20, 2015 02:17PM UTC by scottgonzalez comment:1

resolution: → wontfix
status: new → closed

Visibility is actually a pretty hot button issue. I have no desire to do anything other than rely on jQuery core's implementation here.