PDA

View Full Version : Mac/Safari problem with modal window scroll



stephroy
6 Jan 2011, 11:56 AM
Hi,

I'm experiencing a problem in Safari v5.0.3 on Mac OS v10.6.5.

When I open a modal window that is configured to autoScroll, and I supply the content either by using the autoload or the html configuration option, scrolling in the window leads to choppiness and flickering.

Here is a small snippet of code that reproduces the issue



var dlg = new Ext.Window({
width : 200,
height : 200,
modal : true,
autoScroll : true,
html : 'top<br><br><br><br><br><br><br><br><br><br>'
+ '<br><br><br><br><br><br><br><br><br><br>bottom'
});
dlg.show();


I've tested in IE, FF, Chrome and Safari on Windows and all is well. Also FF on the same version of Mac OS is fine.

Any help would be greatly appreciated.

Thanks,
Steph.

jsakalos
6 Jan 2011, 1:19 PM
This is what I get: http://www.screencast.com/t/3m8xcPVpP6

Looks good to me.

stephroy
26 Apr 2011, 12:16 PM
Yep, you're right. I was lazy and constructed my test case within the application experiencing the issue rather than in a trimmed down html file. I finally found time to do some debugging and now I know that the problem occurs because there is a flash object on the underlying page. Embedding the following flash object with my original example will allow you to see the issue on Mac/Safari.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="15" id="xspf_player" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://musicplayer.sourceforge.net/xspf_player_slim.swf?playlist_url=http://cchits.ning.com/recent/xspf/?xn_auth=no" />
<param name="quality" value="high" />
<param name="bgcolor" value="#e6e6e6" />
<embed src="http://musicplayer.sourceforge.net/xspf_player_slim.swf?playlist_url=http://cchits.ning.com/recent/xspf/?xn_auth=no" quality="high" bgcolor="#e6e6e6" width="400" height="15" name="xspf_player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Cheers,
Steph.

jsakalos
26 Apr 2011, 12:18 PM
Would it be possible to wrap the flash in an iframe to isolate from the main page? (Just an idea.)

stephroy
26 Apr 2011, 4:53 PM
Thanks for the quick response. Just tried your suggestion with the iframe. It doesn't seem to make a difference.

Is this a known issue? Anything else you could suggest?

Thanks,
Steph.

jsakalos
26 Apr 2011, 6:34 PM
Yes, it is the flash in the main page that is causing the problem - cannot you avoid it and go html5?

Otherwise I have no idea besides moving this thread to Bugs.

This is how I tested:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="ext-3.3.3/resources/css/ext-all.css">
<script type="text/javascript" src="ext-3.3.3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.3.3/ext-all-debug.js"></script>
<title id="page-title">Title</title>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = 'ext-3.3.3/resources/images/default/s.gif';
Ext.onReady(function() {
var dlg = new Ext.Window({
width : 200,
height : 200,
modal : true,
autoScroll : true,
html : 'top<br><br><br><br><br><br><br><br><br><br>'
+ '<br><br><br><br><br><br><br><br><br><br>bottom'
});
dlg.show();
});
</script>
</head>
<body>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="15" id="xspf_player" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://musicplayer.sourceforge.net/xspf_player_slim.swf?playlist_url=http://cchits.ning.com/recent/xspf/?xn_auth=no" />
<param name="quality" value="high" />
<param name="bgcolor" value="#e6e6e6" />
<embed src="http://musicplayer.sourceforge.net/xspf_player_slim.swf?playlist_url=http://cchits.ning.com/recent/xspf/?xn_auth=no" quality="high" bgcolor="#e6e6e6" width="400" height="15" name="xspf_player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

</body>
</html>

stephroy
27 Apr 2011, 5:16 AM
I'll take a look at html5, but I would be interested in this being moved to the bugs. How do I do that? Are you able to do it for me?

Thanks,
Steph.

jsakalos
27 Apr 2011, 12:03 PM
You don't have privileges to move threads but I'll do it.