Opened 11 years ago
Last modified 11 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 11 years ago by
Keywords: | insert ctrl-v chrome removed |
---|---|
Status: | new → pending |
Version: | 4.3.3 |
comment:2 Changed 11 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 11 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.