slide functionality with chrome

[drue@…]

Having a bug where chrome, not until their latest release of 18, will now kick an error when using the slide functionality. It will glitch showing lines and then as I check my mac console program I get an error called Google Chrome Helper[4075] <Error>: clip: empty path. I've tried deleting Chrome and reinstalling, but it still doesn't work and wondered if it may be something associated to jquery. I switched out all my slides for fades and no errors are sent and works correctly with no lines across the screen. This shows for many of our users not just me.

Here is an example of one of our clients and the functionality happening. Just click numbered titles to see example. This error happens only in chrome with version 18.

 http://www.ipadenclosures.com/order

This example is using jquery 1.6, but I've also noticed it in 1.7.1

[anonymous]

Also noticed it is drawing the lines based on there being select fields within the content which is being opened.

[sindresorhus]

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket.

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate:  http://jsfiddle.net/FrKyN/ Open the link and click to "Fork" (in the top menu) to get started.

[anonymous]

I ran it in js fiddle and here is the result

 http://jsfiddle.net/era62/

[sindresorhus]

You should never directly copy paste code into jsfiddle, that misses the whole point.

Your issue seems to be a CSS selector. See the CSS here:  http://jsfiddle.net/mofle/eYe9H/

When removing that CSS it worked correctly, so not a jQuery bug.

[anonymous]

In your example above the result shows that you must remove the border and background image from the select field. I can use a border and background image on select fields with chrome, but never with the slide up functionality of jquery slide. So are you saying this is a bug that chrome needs to fix, because I should be able to give a border to a select element and use jquery slide and not get errors?

[anonymous]

Here is the code simplified a little more and you will notice that you can remove both the border on the select or the wrapping form tags and that fixes the error.

 http://jsfiddle.net/67pPv/