Skip to main content

Bug Tracker

Side navigation

#6818 closed bug (invalid)

Opened July 22, 2010 04:27PM UTC

Closed July 25, 2010 04:22PM UTC

Last modified March 15, 2012 01:43PM UTC

Floating an image (<img>) kills its :visible selector

Reported by: halil Owned by:
Priority: Milestone: 1.4.3
Component: selector Version: 1.4.2
Keywords: visible, float, image, img Cc:
Blocked by: Blocking:
Description

If we give an image float property in CSS like

#our-img { float: left; }

then

$("#our-img:visible")

returns nothing.

See the attachment or you can view the ok one at

http://demo.nette.com.tr/jquery-img-float/ok.html

and the erroneous one at

http://demo.nette.com.tr/jquery-img-float/error.html

Attachments (2)
  • jquery-img-float.rar (42.9 KB) - added by halil July 22, 2010 04:28PM UTC.

    Offline files that are refenced in the text

  • jquery-img-float.zip (43.2 KB) - added by halil July 22, 2010 04:31PM UTC.

    Offline files that are refenced in the text

Change History (1)

Changed July 25, 2010 04:22PM UTC by dmethvin comment:1

resolution: → invalid
status: newclosed

jQuery defines an element to be visible if the offsetWidth (css_width + padding_width + border_width) and offsetHeight is not 0.

If a container has only floated elements and no padding/border, it will have zero width/height.

http://www.quirksmode.org/css/clearing.html

Your selector is on the img container,

$(".ubResUst a:visible")
so it's running afoul of that rule. Try one of the approaches mentioned in that article, or perhaps add some border/padding to the link element.