I discovered that the toolbars don\'t automatically wrap in WebKit browswers (Safari, Chrome). There is a three year old bug reported for CKEditor 3, but it was closed. Mayb
I can't reproduce this issue. Neither on 4.0 nor on 4.0.1. I just copied your toolbar configuration + { resize_dir: 'both', resize_minWidth: 300, width: 500 }
to have better chance to observe if it works and this is the result:
Update (11 Jan 2013)
I created such a sample:
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
<meta charset="utf-8">
<script src="../ckeditor.js"></script>
<style>
#content {
width: 50%;
overflow: hidden;
}
</style>
</head>
<body>
<div id="content">
<textarea cols="80" id="editor1" name="editor1" rows="10">
<p>Foo foo!</p>
</textarea>
<script>
CKEDITOR.replace( 'editor1', {
toolbar: // your toolbar
} );
</script>
</div>
</body>
</html>
And everything still works fine for me. I can change browser's width and toolbar is correctly resizing. So my guess is that some of your styles are breaking editor or you've got some non default CKEditor's settings that cause this.