Search and Top Navigation
#3968 closed bug (fixed)
Opened January 28, 2009 01:32PM UTC
Closed March 15, 2011 01:20PM UTC
effects explode: explodes from the right instead of from the center
| Reported by: | rdworth | Owned by: | gnarf |
|---|---|---|---|
| Priority: | major | Milestone: | 1.9.0 |
| Component: | ui.effects.* (individual effect) | Version: | 1.6rc5 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
The explode effect when viewed in Safari is centered at the right middle instead of the center middle. See
http://jquery-ui.googlecode.com/svn/tags/1.6rc5/demos/effects_showhide/explode.html
Attachments (0)
Change History (11)
Changed January 29, 2009 03:43AM UTC by comment:1
Changed February 02, 2009 02:01AM UTC by comment:2
| summary: | effects explode: explodes from the right instead of from the center → effects explode: [webkit bug] explodes from the right instead of from the center |
|---|
Changed February 02, 2009 04:02AM UTC by comment:3
Using absolute positioning prevents this problem.
Changed February 02, 2009 04:03AM UTC by comment:4
| milestone: | 1.6 → 1.next |
|---|
Fixed demo in r1954. Bumping to 1.next.
Changed October 19, 2010 03:49PM UTC by comment:5
| priority: | critical → major |
|---|
Changed March 11, 2011 11:41AM UTC by comment:6
I'm beginning to think after some digging that the explode effect actually wants
.outerWidth()not
.outerWidth(true)a few other mathematical improvements led me here: http://jsfiddle.net/gnarf/QJ9Y9/
Changed March 11, 2011 01:01PM UTC by comment:7
That looks much better.
Changed March 11, 2011 01:50PM UTC by comment:8
| milestone: | 1.next → 1.9 |
|---|---|
| owner: | → gnarf |
| status: | new → assigned |
Changed March 12, 2011 01:02AM UTC by comment:9
| summary: | effects explode: [webkit bug] explodes from the right instead of from the center → effects explode: explodes from the right instead of from the center |
|---|
Changed March 12, 2011 02:09AM UTC by comment:10
Changed March 15, 2011 01:20PM UTC by comment:11
| resolution: | → fixed |
|---|---|
| status: | assigned → closed |
Fixed in 39dcad6e498a4c7b1507f188ea7733ff5ac1eb26.
This is caused by a bug in Safari where the computed value for marginRight is actually all of the remaining space between the right edge of the element and the right edge of the parent element. This can be fixed by calling .outerWidth() without passing in true, but then the effect won't work on elements that have a margin.