Opened 10 years ago

Last modified 10 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 Changed 10 years ago by Piotrek Koszuliński

Keywords: insert ctrl-v chrome removed
Status: newpending
Version: 4.3.3

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.

comment:2 in reply to:  1 Changed 10 years ago by perekontrobayzer

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>

Last edited 10 years ago by perekontrobayzer (previous) (diff)

comment:3 Changed 10 years ago by Jakub Ś

Keywords: Blink Webkit added
Status: pendingconfirmed
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.

Note: See TracTickets for help on using tickets.
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy