Index: /FCKeditor/branches/features/floating_dialog/_dev/browserbugs/safari/1462_2_reduced.html
===================================================================
--- /FCKeditor/branches/features/floating_dialog/_dev/browserbugs/safari/1462_2_reduced.html	(revision 1181)
+++ /FCKeditor/branches/features/floating_dialog/_dev/browserbugs/safari/1462_2_reduced.html	(revision 1181)
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Untitled Page</title>
+	<script type="text/javascript">
+
+window.onload = function()
+{
+	// Get the editable IFRAME.
+	var win = window.frames[ 'xEditorArea' ] ;
+	var doc = win.document ;
+
+	// Fill the document with its startup contents.
+	doc.open() ;
+
+	doc.write( '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' ) ;
+
+	doc.write( '<html>' ) ;
+	doc.write( '<head><title></title>' ) ;
+	doc.write( '</head><body>' ) ;
+	doc.write( '<p style="height:300px">&nbsp;</p>' ) ;
+	doc.write( '<p id="xHidden">&nbsp;</p>' ) ;
+	doc.write( '</body></html>' ) ;
+
+	doc.close() ;
+	
+	// Start editing on it.
+	doc.designMode = 'on' ;
+
+	// Make the caret blinking there.
+	win.focus() ;
+
+	// Get the element to which we want the caret blinking inside.
+	var p = window.frames[ 'xEditorArea' ].document.getElementById( 'xHidden' ) ;
+	
+	// Move the selection to the start of the <p id="xHidden"> contents.
+	var sel = win.getSelection();
+	
+	var range = document.createRange();
+	range.selectNodeContents( p );
+	range.collapse( true );
+  
+	sel.removeAllRanges() ;
+	sel.addRange( range ) ;
+}
+
+	</script>
+</head>
+<body>
+	<p>
+		Reduced TC for <a href="http://dev.fckeditor.net/ticket/1462">#1462</a> (second
+		attempt).</p>
+	<p>
+		This page should have the IFRAME scrolled down, so the blinking caret position is
+		visible. The selection position should be always visible, even when set by code.
+		Only IE supports it.</p>
+	<p>
+		Just load this page. The caret position will not be visible until you start typing.</p>
+	<hr />
+	<iframe id="xEditorArea" name="xEditorArea" src="about:blank" width="100%" height="200"
+		style="border: #000000 1px solid;"></iframe>
+</body>
+</html>
Index: /FCKeditor/branches/features/floating_dialog/_dev/browserbugs/safari/1462_reduced.html
===================================================================
--- /FCKeditor/branches/features/floating_dialog/_dev/browserbugs/safari/1462_reduced.html	(revision 1181)
+++ /FCKeditor/branches/features/floating_dialog/_dev/browserbugs/safari/1462_reduced.html	(revision 1181)
@@ -0,0 +1,122 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" >
+<head>
+    <title>Untitled Page</title>
+    <script type="text/javascript">
+
+window.onload = function()
+{
+	var doc = window.frames[ 'xEditorArea' ].document ;
+
+	doc.open() ;
+
+	doc.write( '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' ) ;
+
+	doc.write( '<html>' ) ;
+	doc.write( '<head><title></title>' ) ;
+	doc.write( '</head><body>' ) ;
+	doc.write( '<div style="height:300px; background-color:yellow"></div>' ) ;
+	doc.write( '<div id="xRed" style="height:100px; background-color:red"></div>' ) ;
+	doc.write( '<div style="height:100px; background-color:blue"></div>' ) ;
+	doc.write( '</body></html>' ) ;
+
+	doc.close() ;
+}
+
+function DoScroll()
+{
+	var div = window.frames[ 'xEditorArea' ].document.getElementById( 'xRed' ) ;
+	div.scrollIntoView( false ) ;
+}
+
+    </script>
+</head>
+<body>
+	<p>Reduced TC for <a href="http://dev.fckeditor.net/ticket/1462">#1462</a>.</p>
+	<p>Scroll down the page until the IFRAME and the button are visible.</p>
+	<hr />
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<iframe id="xEditorArea" name="xEditorArea" src="about:blank" width="100%" height="200" style="border: #000000 1px solid;">
+	</iframe>
+	<p>
+		The above IFRAME constains a yellow and a red DIV elements. By clicking the 
+		following button, only the IFRAME should scroll to show the red DIV, 
+		while the main window should stay at the same position.
+	</p>
+	<p>
+		<input type="button" value="Call xRed.scrollIntoView(false)" onclick="DoScroll();" />
+	</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+	<p>Some text.</p>
+</body>
+</html>
