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 326: overflow:auto causes animation artifects
2 people starred this issue and may be notified of changes. Back to list
Status:  WontFix
Owner:  ----
Closed:  Oct 2009


 
Reported by mraaijma...@gmail.com, Sep 7, 2009
If the content html of the model has some element in it with overflow:auto
in it, the closing animation shows some strange behavior: It closes from
the center of the screen to the bottom right in a very ugly maner (see
screenshot).

What steps will reproduce the problem?
1. Open some ajax content via a nyroModal. Make sure the returned html has
some element in it with overflow:auto in it. (say some div with lots of text)
2. Close the model

What is the expected output? What do you see instead?
Model closes but not in the center of the screen, but to the bottom right.

What version of the product are you using? On what operating system?
xp, jquery 1.3.2, nyromodal 1.5.2, FF3. Working fine on IE8

Please provide any additional information below.


nyromodal.jpg
120 KB   View   Download
Sep 11, 2009
Project Member #1 nyro...@gmail.com
As it's really related to your content, I won't provide a fix in nyroModal for this
issue. Moreover the modal has no clue on how to know if an element causes trouble or not.

To fix it, you could use the beforeHideContent callback to hide these elements and if
your issue really comes from this, it will be good.
Sep 12, 2009
#2 mraaijma...@gmail.com
Thanks for your reply. 

I did already set the overflow attribute to hidden :-)
I understand this is a content related issue and maybe hard to deal with, and I think it might be a good idea to 
publish this problem in a 'known issues' or faq section for future reference if more related issues are reported.

Marcel
Oct 13, 2009
Project Member #3 nyro...@gmail.com
Could you share your code?
I will then add it to the wiki page as you suggested.
Status: WontFix
Oct 13, 2009
#4 mraaijma...@gmail.com
It's very simple, just as suggested:

$(document).ready(function(){
	$('.nyromodal').nyroModal({
		beforeHideContent:function(elts, settings, callback){
			$('#elementId').css({'overflow': 'hidden'});
			callback();
		}
	});
});



Powered by Google Project Hosting