Note that there are some explanatory texts on larger screens.

plurals
  1. POCKEditor autogrow plugin vertical scrollbar flickering issue
    primarykey
    data
    text
    <p>I'm having an issue with the CKEditor autogrow plugin:</p> <p>Upon pressing return (after auto-growing past the min height), the text content shakes (jumps up one line and back down), and a vertical scroll bar flickers on-and-off. The autogrow works, but the user-experience is jerky.</p> <p>I can hide the vertical scroll bar by specifying scrolling="no" and overflow="hidden", but the text content still shakes.</p> <p>I'm disabling scrolling in ckeditor.js:</p> <pre><code>&lt;iframe scrolling="no" style="width:100%;height:100%;overflow:hidden;" frameBorder="0" title="'+E+'"'+' src="'+W+'"'+' tabIndex="'+(b.webkit?-1:C.tabIndex)+'"'+' allowTransparency="true"'+'&gt;&lt;/iframe&gt; </code></pre> <p>CKEditor initialization code:</p> <pre><code> CKEDITOR.replace('Description', { sharedSpaces: { top: 'topSpace', bottom: 'bottomSpace' }, extraPlugins: 'autogrow,tableresize', removePlugins: 'maximize,resize,elementspath', skin: 'kama', toolbar: [['Format', 'Font', 'FontSize'], ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'], ['TextColor', 'BGColor'], ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'], ['NumberedList', 'BulletedList'], ['Outdent', 'Indent'], '/', ['Link', 'Unlink', 'Anchor'], ['Image', 'Flash', 'Table', 'HorizontalRule', 'SpecialChar'], ['PasteText', 'PasteFromWord'],['Cut','Copy','Paste'], ['Undo', 'Redo'], ['Find', 'Replace'], ['SpellChecker']], toolbarCanCollapse: false, pasteFromWordRemoveFontStyles: false, enterMode: CKEDITOR.ENTER_BR, shiftEnterMode: CKEDITOR.ENTER_P, autoGrow_minHeight: 300 }) </code></pre> <p>Is there any way to avoid the text content jumping/shifting upon pressing the enter key (after autogrowing past the min height)?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload