Side navigation
#11587 closed bug (invalid)
Opened April 12, 2012 10:38PM UTC
Closed April 13, 2012 07:39AM UTC
Last modified April 13, 2012 10:38PM UTC
slide functionality with chrome
| Reported by: | drue@9throot.com | Owned by: | drue@9throot.com |
|---|---|---|---|
| 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
Attachments (0)
Change History (6)
Changed April 12, 2012 10:56PM UTC by comment:1
Changed April 13, 2012 12:02AM UTC by comment:2
| owner: | → drue@9throot.com |
|---|---|
| status: | new → pending |
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.
Changed April 13, 2012 12:25AM UTC by comment:3
I ran it in js fiddle and here is the result
Changed April 13, 2012 07:39AM UTC by comment:4
| component: | unfiled → misc |
|---|---|
| priority: | undecided → low |
| resolution: | → invalid |
| status: | pending → closed |
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.
Changed April 13, 2012 09:45PM UTC by comment:5
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?
Changed April 13, 2012 10:38PM UTC by comment:6
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.
Also noticed it is drawing the lines based on there being select fields within the content which is being opened.