Bug Tracker

Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#11587 closed bug (invalid)

slide functionality with chrome

Reported by: drue@… Owned by: drue@…
Priority: low Milestone: None
Component: misc Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:

Description

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

Change History (6)

comment:1 Changed 7 years ago by anonymous

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

comment:2 Changed 7 years ago by sindresorhus

Owner: set to drue@…
Status: newpending

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.

comment:3 Changed 7 years ago by anonymous

I ran it in js fiddle and here is the result

http://jsfiddle.net/era62/

comment:4 Changed 7 years ago by sindresorhus

Component: unfiledmisc
Priority: undecidedlow
Resolution: invalid
Status: pendingclosed

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.

comment:5 Changed 7 years ago by 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?

comment:6 Changed 7 years ago by 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/

Note: See TracTickets for help on using tickets.