My favorites | Sign in
Project Home Downloads Issues
READ-ONLY: This project has been archived. For more information see this post.
Search
for
  Advanced search   Search tips   Subscriptions
Issue 86: Opening animation is broken in Safari 3.1.2 for WinXP
2 people starred this issue and may be notified of changes. Back to list
Status:  WontFix
Owner:  ----
Closed:  Feb 2009


 
Reported by bethbud...@gmail.com, Sep 29, 2008
What steps will reproduce the problem?
-> Opening the modal window

What is the expected output? What do you see instead?
Instead of the normal animation, a small empty box appears at the top, and
then the modal window appears in the center (as it should), without any
other animation.  I have no idea why... Perhaps one of my settings?

What version of the product are you using? On what operating system?
Safari 3.1.2 for WinXP, jquery.nyroModal-1.2.8.pack.js.  Oh, and
jquery-1.2.6.js and jcarousellite_1.0.1.js, if that is relevant.

Here are my settings:
		$('#needHelpBox a').nyroModal();
		$('#customerServiceBox a').nyroModal();
		$.fn.nyroModal.settings.showBackground = function(elts, settings, callback) {
			elts.bg.css({opacity:0}).fadeTo(100, 0.5, callback);
		}	
		$.fn.nyroModal.settings.bgColor = '#fff';
		$.fn.nyroModal.settings.resize = true;


See attached png!

Thanks,
Beth


screenshot2.png
28.0 KB   View   Download
Sep 29, 2008
Project Member #1 nyro...@gmail.com
As I never experienced this kind of issue, could you attach your HTML code please?
Sep 29, 2008
#2 bethbud...@gmail.com
Since you'd never seen this issue before, I did a bit of troubleshooting of my own
code (a lot of it!) and found that one line in one of my css files is causing the
issue in Safari:

body {position:relative;}

Unfortunately, I need this to fix the IE window resize bug...  but if you could
explain to me which setting removes the animation altogether, then maybe I won't have
the problem!

Thanks!
Oct 14, 2008
Project Member #3 nyro...@gmail.com
Removing animations won't help you.
What you could is:
1) Wrap all your content in a <div id="body">
2) Remove your body{position:relative;}
3) Add div#body{position:relative;}

and it should work for IE6. (I didn't test it.)

Please let me know if it works.
Labels: -Type-Defect Type-Other
Jan 26, 2009
Project Member #4 nyro...@gmail.com
does my tip fixed your bug?
Feb 5, 2009
Project Member #5 nyro...@gmail.com
(No comment was entered for this change.)
Status: WontFix

Powered by Google Project Hosting