Skip to main content

Bug Tracker

Side navigation

#6324 closed bug (invalid)

Opened March 20, 2010 01:28AM UTC

Closed November 19, 2010 05:44AM UTC

Sizzle reports link containing img is hidden in Webkit

Reported by: jeffkretz Owned by: jeffkretz
Priority: undecided Milestone:
Component: core Version: 1.4.2
Keywords: sizzle hidden webkit Cc:
Blocked by: Blocking:
Description

This appears to be a bug releated to the Webkit rendering engine, as it exists in both Chrome and Safari.

Example page: http://test1.scorpiondesign.com/Visibility.html

Visited in IE678 and FF, it is detected as visible. In Safari/Chrome, it is not.

This is due to an underlying problem during the Sizzle.selectors.filters.hidden method, the elem.offsetWidth and elem.offsetHeight of the link is reported by the browser as 0, despite the contained image having dimensions.

It seems a bit ugly to test for this edge case, but I wanted to make sure it was known about.

Attachments (0)
Change History (4)

Changed November 11, 2010 10:50PM UTC by addyosmani comment:1

owner: → jeffkretz
priority: → undecided
status: newpending

The test case you provided is no longer available. Please supply a valid test case that reproduces the issue experienced in your ticket so that we can investigate further.

Changed November 11, 2010 10:58PM UTC by jeffkretz comment:2

status: pendingnew

I've restored the test page, give it another try.

Changed November 12, 2010 02:39AM UTC by snover comment:3

milestone: 1.4.3

Resetting milestone to future.

Changed November 19, 2010 05:44AM UTC by snover comment:4

resolution: → invalid
status: newclosed

Thanks for the report, but this is not a jQuery bug. You have placed a block-level element inside an inline-level element in a manner that is not valid. If you remove the display: block from the image, or add display: block to the anchor, it works as expected. test case