Bug Tracker

Opened 9 years ago

Closed 9 years ago

Last modified 8 years ago

#6818 closed bug (invalid)

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 9 years ago.
Offline files that are refenced in the text
jquery-img-float.zip (43.2 KB) - added by halil 9 years ago.
Offline files that are refenced in the text

Download all attachments as: .zip

Change History (3)

Changed 9 years ago by halil

Attachment: jquery-img-float.rar added

Offline files that are refenced in the text

Changed 9 years ago by halil

Attachment: jquery-img-float.zip added

Offline files that are refenced in the text

comment:1 Changed 9 years ago by dmethvin

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.

Note: See TracTickets for help on using tickets.