Skip to main content

Bug Tracker

Side navigation

#8537 closed bug (invalid)

Opened March 15, 2011 07:21PM UTC

Closed March 30, 2011 08:08AM UTC

jQuery-Induced WebKit Rendering Issue

Reported by: andrew.zich@gmail.com Owned by: andrew.zich@gmail.com
Priority: undecided Milestone: 1.next
Component: unfiled Version: 1.4.2
Keywords: Cc:
Blocked by: Blocking:
Description

I discovered a peculiar bug arising from jQuery being present while attempting to add new CSS tags to a loaded page in WebKit (Safari/Chrome). The page linked below demonstrates one of these rendering issues.

Before the JavaScript load fires, the page is designed to be completely red. On load, it adds a new <style> tag to the head which should color the page green but isn't under these circumstances in WebKit. The page does not use jQuery for any of this, jQuery is merely included. Presumably, it should make no difference whether or not jQuery is present if it is not used.

Here is the page demonstrating the error: http://azich.org/temporary/render.html

Here is the same page with jQuery removed to demonstrate that it does work when jQuery is not present: http://azich.org/temporary/render_nojquery.html

(Minified jQuery 1.4.2 has been inlined in the first page.)

Attachments (0)
Change History (4)

Changed March 15, 2011 09:23PM UTC by andrew.zich@gmail.com comment:1

To clarify, by page I mean this example page. My actual use case is far more elaborate but for these purposes I boiled it down to the heart of the issue.

Changed March 15, 2011 09:35PM UTC by addyosmani comment:2

owner: → andrew.zich@gmail.com
status: newpending

Thanks for submitting a ticket to the jQuery Bug Tracker. Could you kindly reproduce your test case on jsFiddle as per our guidelines?. I also notice that you're using jQuery 1.4.2 as opposed to the latest version (1.5.1). Please be sure to test using jQuery 1.5.1 and also jquery-edge/git (which can be selected from within jsFiddle).

Changed March 15, 2011 10:32PM UTC by azich comment:3

I have created jsFiddles for both of these but neither of them appear to be working in any of the browsers I tested before with my own pages.

Here is the jsFiddle with jQuery 1.5.1: http://jsfiddle.net/uJW63/

Here is the jsFiddle without jQuery: http://jsfiddle.net/2CvUr/

Changed March 30, 2011 08:08AM UTC by trac-o-bot comment:4

resolution: → invalid
status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!