Safari blur + position: fixed - crash

Originator:lindahl22
Number:rdar://14839191 Date Originated:26-Aug-2013 03:33 PM
Status:Open Resolved:
Product:Safari Product Version:Version 6.0.5 (8536.30.1)
Classification:Crash/Hang/Data Loss Reproducible:Always
 
Summary: "position: fixed" under a -webkit-filter:blur causes crash

Steps to Reproduce: Open the attached .html file in Safari. Hover over a link.

Expected Results: Safari highlights the link and doesn't crash.

Actual Results: Safari crashes.

Regression: Removing .panelsidebar { position: fixed } makes Safari no longer crash.

Notes: HTML:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Login - Whitworth Clubs</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta charset="utf-8">
	<meta name="" content="" />
	<style>
	* {box-sizing: border-box;margin:0px;padding:0px;}
	body {background:#4f0000; font-family: Verdana, sans-serif;}
	#login { 
		background: #eee; 
		margin:10px auto; 
		padding: 20px;
		position:absolute;
		width:400px;
		height:250px;
		top:50%;
		left:50%;
		margin:-125px 0 0 -200px;
		border-radius: 4px;
		border: 1px solid #5a5a5a;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	}
	#blur {z-index: -1 !important; 
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    opacity: 0.95;
	}
	</style>
	<style>
	* {box-sizing: border-box;margin:0px;padding:0px;}
	body {background:darkgray; font-family: Verdana, sans-serif; min-width: 600px;}
	a:active {position: relative;top: 1px;} 
	
	.panelsidebar div a, .panelheader .profilelinks a {color:#ccc; text-decoration: none; }  
	.panelsidebar div a:hover, .panelheader .profilelinks a:hover { color:#fff; } 
		
	.panelsidebar { width:180px; height:100%; position: fixed } 
	.panelsidebar div {padding: 20px; margin: 0px 16px; border-bottom: 1px solid #999; font-weight: bold; text-align: right; }
	
	</style>
</head>
<body>
	<div id="login">
		<form name="firstform" id="firstform" action="javascript:submitlogin()" method="post"  action="/">
		<input type="text" name="user" id="user" placeholder="user" value="<?= $user; ?>">
		<input type="password" name="password" id="password" placeholder="password">
		<div id="error-div"></div>
		<input type="submit" value="login" class="button lightgray">
		<div id="resetlink"><a onclick="requestPasswordReset()" href="#reset">request password reset</a></div>
		</form>
	</div>
<form method="post" id="finalform" style="display:none" action="">
    <input type="hidden" name="finaluser" id="finaluser" />
    <input type="hidden" name="passwordsha512" id="passwordsha512" />
</form> 

	<div id="blur"><div id="redlayer">
		<div class="panelheader">
		<div class="paneltitlebox">title</div>	
		
	</div>
	<div class="panelsidebar">
			<div><a href="#">one</a></div>
			<div><a href="#">and two</a></div>
			<div><a href="#">three</a></div>
			<div><a href="#">four and</a></div>
			<div><a href="#">finally five</a></div>
	</div>
	</div></div>
</body>
</html>

26-Aug-2013 03:33 PM Michael Lindahl:
'safaricrash.html' and 'SafariCrashes.zip' were successfully uploaded

Comments


Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!