Opened 12 years ago
Last modified 12 years ago
#11638 confirmed Bug
Inserted text blinks after multiple insertions using ctrl-v
| Reported by: | perekontrobayzer | Owned by: | |
|---|---|---|---|
| Priority: | Normal | Milestone: | |
| Component: | General | Version: | 4.1.3 |
| Keywords: | Blink Webkit | Cc: |
Description
After multiple insertions some text using ctrl-v, inserted text blinks in the left of the screen. It is reproduced with presented html structure and css.
Browser: Chrome, 33.0
Html structure:
<body>
<div class="container">
<div class="cke-holder">
<div class="toolbar-ckeditor" id="toolbar">
<!-- This div will handle top toolbars -->
</div>
<div id="ck-field" class="inline-ckeditor-default"></div>
</div>
</div>
</body>
Div with id="ck-field" initialized as inline ckeditor.
css:
body {min-width: 960px;}
.container {width: 960px;margin: 0 auto;position: relative;}
This can be fixed by adding "position: relative;" style for div initialized as ckeditor.
Change History (3)
comment:1 follow-up: 2 Changed 12 years ago by
| Keywords: | insert ctrl-v chrome removed |
|---|---|
| Status: | new → pending |
| Version: | 4.3.3 |
comment:2 Changed 12 years ago by
Replying to Reinmar:
I don't understand how to reproduce this issue. Could you create a sample on which it will be reproducible? Please also describe what are the steps to reproduce it.
Steps to reproduce:
1) Copy to clipboard some part of the text, for example: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed imperdiet enim, eu vehicula leo."
2) Press and hold ctrl-v on ckeditor;
Actual result: inserted text blinks in the left of the screen
Look on screencast: http://screencast.com/t/6DVduDYKetz
This can be fixed by adding "position: relative;" style for #ck-field.
Note: For 4.3.2 version, it cannot be reproduced.
There is all content of the index.php:
<!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" xml:lang="en" lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta http-equiv="Content-Language" content="en" />
<script src="js/jquery-1-10-1-min.js" type="text/javascript" language="Javascript"></script>
<script src="ckeditor/ckeditor.js" type="text/javascript" language="Javascript"></script>
<script type="text/javascript" language="Javascript">
$(function() {
var node = $('#ck-field').get(0);
$(node).attr('contenteditable', 'true');
var ckConfig = {
extraPlugins : 'sharedspace,',
removePlugins: 'floatingspace,resize,magicline,elementspath',
toolbar : 'Light',
sharedSpaces : {
top: 'toolbar',
bottom: 'bottom'
}
};
node.inlineEditor = CKEDITOR.inline(node.id, ckConfig);
});
</script>
<style>
body {
min-width: 960px;
}
.container {
width: 960px;
margin: 0 auto;
position: relative;
}
#ck-field {
min-height: 200px;
overflow: hidden;
/*position: relative;*/
}
</style>
</head>
<body>
<div class="container">
<div class="cke-holder">
<div class="toolbar-ckeditor" id="toolbar">
<!-- This div will handle top toolbars -->
</div>
<div id="ck-field">
</div>
<div class="bottom-ckeditor" id="bottom">
<!-- This div will handle bottom toolbars -->
</div>
</div>
</div>
</body>
</html>
comment:3 Changed 12 years ago by
| Keywords: | Blink Webkit added |
|---|---|
| Status: | pending → confirmed |
| Version: | → 4.1.3 |
Problem can be reproduced from CKEditor 4.1.3 in Blink and Webkit browsers. Before this version such TC could hang the page.
I have removed jQuery, added contenteditable attribute to div but problem was still there.
I don't understand how to reproduce this issue. Could you create a sample on which it will be reproducible? Please also describe what are the steps to reproduce it.