Custom Query

Steps to reproduce

Upload a file using the uploadfile plugin, drag & drop from your favourite file manager.

Expected result

A link, with no target specified.

Actual result

A link, always with target="_blank" specified.

Feature request

Add a configuration option for uploadfile target specification.

Alternately (or; even better:) add / document a way to make default target depend on file / mime type.

Steps to reproduce

1. bundles.Add(new ScriptBundle("~/bundles/ckeditor/ckeditor").Include("~/ckeditor/ckeditor.js"));
2. BundleTable.EnableOptimizations = true;

Expected result

Actual result

SyntaxError: expected expression, got keyword 'else'. ckeditor:1:172788

Other details (browser, OS, CKEditor version, installed plugins)

CKEditor info: timestamp:"G87E",version:"4.5.11",revision:"3876e73" later than this version has the same issue

Originally reported on Disqus, did not try to reproduce it. ​http://ckeditor.com/addon/maximize#comment-3256559859

I was having everything in my page turned contenteditable when using maximize. Finaly I solved the issue. If you have a classic ckeditor and one or more inline editors in the same page, the maximize "refreshCursor" function only checks that the editor being maximized is not an inline one, but it does not check on the rest of CKEDITOR.instances, which are also refreshed..

The function's loop should be modified to:

for ( var i in all ) {
var one = all[ i ]; 
if ( !one.editable().isInline() && one.mode == 'wysiwyg' && !one.readOnly ) {
.........
}
}
]}}

Steps to reproduce

1. Insert below code into CKEditor

   <table border="1" cellpadding="1" cellspacing="1" dir="ltr" style="width:500px">
   	<thead>
   		<tr>
   			<td>
   			<p>00000</p>
   			<p>11111</p>
   			</td>
   			<td>
   			<p>22222</p>
   			<p>333333</p>
   			</td>
   			<td>
   			<p>444444</p>
   			<p>555555</p>
   			</td>
   		</tr>
   		<tr>
   			<th scope="col">
   			<p>00000</p>
   			<p>11111</p>
   			</th>
   			<th scope="col">
   			<p>22222</p>
   			<p>333333</p>
   			</th>
   			<th scope="col">
   			<p>444444</p>
   			<p>555555</p>
   			</th>
   		</tr>
   	</thead>
   	<tbody>
   		<tr>
   			<td>
   			<p>bbbbbbbb</p>
   			<p>ccccccccc</p>
   			</td>
   			<td>
   			<p>ddddddddd</p>
   			<p>eeeeeee</p>
   			</td>
   			<td>
   			<p>ffffffffffff</p>
   			<p>gggggggggg</p>
   			</td>
   		</tr>
   	</tbody>
   </table>
   <p dir="ltr">&nbsp;</p>
   

2. Right click table.
3. Select Table Properties.

Expected result

Headers option shows "None".

Actual result

Headers option shows "First".

Other details (browser, OS, CKEditor version, installed plugins)

Problem can be reproduced in every browser starting from CKEditor 3.0.

Steps to reproduce

Hello. I found a bug. If i write the text with color (without any parameters like bold, italic and underline) and save that, is shows fine, and i in second try i add formatting, is still works fine. But if i do all formatting at one time and save that, the colors will ignoring.

1. Add in editor word 'Red' and give it the following properties: red color and bold font.
2. Save

Expected result

Red text with bold and italic on page and in editor

Actual result

Text with bold and italic, but with black color. By the way, in editor all whows fine

Other details (browser, OS, CKEditor version, installed plugins)

Last version of CKEditor. I used Django (1.11 and 1.10). There's a url on Django's adaptaion: ​https://github.com/django-ckeditor

By the way, if i give a red color to my text, but dont give a bold font, all works fine. And if i after first save open the text and give a text other formatting, all is OK. But if i do all at one time, i take that bug.

P.S. Sorry for my English. I hope you understand me.

Steps to reproduce

1. in form, I used a name="description" for the textarea
2. and add meta tag name="description"
3. ckeditor not works

Expected result

CKEditor Works

Actual result

Textarea display instead of CKEditor

Other details (browser, OS, CKEditor version, installed plugins)

I used fuelPHP framework for CKEditor

<?php

echo ckeditor('description', Input::post('description', isset($user) ? $user->description : ), array('class' => 'form-control', 'height' => '140px')); ?>

Thank you for all of your hard work. I am the current volunteer developer of a hybrid content management system, email list server, and free website provider called FreeToastHost that is made for and used by over 11,000 non-profit Toastmasters public speaking clubs worldwide. The system creates websites from a custom template that we merge each club's custom content into. The system depends extensively on CKEditor for content editing and I always make sure that I give credit for the editor where credit is due. (e.g., not my creation)

Because all the recent updates to our system are the result of me contributing a lot of my spare time, some things have lagged behind other systems a bit. Case In Point: Implementation of full HTTPS support. We are making headway on that, but we are bumping up against mixed content issues for the content that our users create via CKEditor.

While I certainly do post-processing where I can to address insecure URLs entered for photos, iframes, etc., it has occurred to me that it would be very helpful if CKEditor could also help with this. This is becoming more and more important and browsers are now starting to flag insecure pages and content more aggressively.

What I am thinking is maybe some additional settings to prevent explicit ​http:// URLs from being specified in the relevant dialogs. It would be good if there were individual settings for photos, iframe, links, etc. E.g. something like PreventInsecurePhotos, PreventInsecureIframes, PreventInsecureLinks, etc.

Additionally, it would be helpful if the Advanced Content Filtering could be used to filter out insecure content. This would address insecure content that already exists.

If I am missing some way that already exists to do this, then I certainly am sorry for imposing on your time, and I thank you for your consideration.

Steps to reproduce

1. Use a Macbook (I cannot reproduce this on an OS X desktop but it happens on every laptop I've tried)
2. Select text
3. Control + Click

Expected result

The right click context menu should appear - on the demo editor, the available options are Cut/Copy/Paste. Selecting one of those options should execute the selected command on the selected text.

Cut should cut the selected text. Copy should copy the selected text. Paste should paste whatever is on the clipboard in place of the selected text.

Actual result

The selected text becomes unselected when the context menu is opened. This prevents any of the commands in the context menu from functioning properly.

This problem is most obvious with Cut - nothing happens. Without selected text available, there is nothing to cut.

Copy doesn't work either, in much the same manner, but you have to use Paste to confirm your text was not copied (so Cut is easier to test with).

Paste is half-functional - instead of pasting over the selected text, it pastes wherever your cursor was when you clicked to open the context menu, and selected the paste command.

Other details (browser, OS, CKEditor version, installed plugins)

This only seems to happen on Macbooks. My main testing machine is a 13" early 2015 model, but I also have a user who reported the issue on a slightly older Macbook.

I've tested and reproduced this on both CKEditor's demo and nightly editors with my machine.

This can be reproduced in Chrome and Safari, but not Firefox (Firefox actually functions as expected!).

Steps to reproduce

1. Open Microsoft word and type the following: "[tab]Test" ([tab] is an actual tab, not the phrase "[tab]").
2. Select All and Copy the contents from MS Word.
3. When pasting into the CKEditor you get different results when pasting normally (Ctrl-V) compared to when using the Paste from Word dialog.

Expected result

Both methods of pasting the contents should yield the same result. I would also expect a marked up tab to trigger the adding of the text-indent CSS property to the paragraph.

Actual result

When pasting normally, I get:

<p>&nbsp;&nbsp;&nbsp; Test</p>

in Linux and

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Test</p>

in Windows.

When pasting using the Paste from Word dialog, I get:

<p>Test</p>

Other details (browser, OS, CKEditor version, installed plugins)

Linux: Firefox ESR 45.8.0, CentOS 6.8, CKE 4.6.2, Paste from Word

Windows: Firefox 53.0, Windows 10, CKE 4.6.2, Paste from Word

The inconsistency was duplicated here: ​http://ckeditor.com/features

In our automatic tests we have a part which waits untill all iFrame on the page have readystate "complete". When we introduced the new FireFox, all tests with the CKEditor on them halted because they were interactive. I could reproduce this on your nightly build.

For now we will be building in a work around in our automatic tests.

Steps to reproduce

1. With Firefox 53.0
2. Go to your nightly build
3. Query document.getElementsByTagName("iframe")[0].contentWindow.document.readyState

Expected result

complete

Actual result

interactive

Other details (browser, OS, CKEditor version, installed plugins)

FF 53.0 windows 8.1

Steps to reproduce

1. Open ​sample.
2. Copy content of the textarea under the editor.
3. Switch editor into the source mode.
4. Paste copied code into the editor.
5. Switch back to WYSIWYG mode.

Expected result

Empty iframe is visible inside the editor.

Actual result

Iframe with "If it's shown, the test is failed" text inside.

Steps to reproduce

1. Go to ​http://sdk.ckeditor.com/samples/inline.html
2. Go to one of the inline editors, then scroll until the top of the editor is hidden
3. Open an image dialog and click to "Cancel"
4. The scroll jumps when it gets the focus back

Expected result

Using Firefox on the same computers doesn't make the scroll jump.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome 58.0.3029.81 (64-bit) OS X Sierra 10.12.4 CKeditor 4.6.2

Steps to reproduce

Problem in Drupal 8:

I can not assign a class to the img element using the new "Styles Dropdown" for the relevant CKEditor profile. I can do so with block or inline elements, such as h1 or span elements.

Steps to replicate

1. Navigate to "Configure" the "Full HTML" text format profile at admin/config/content/formats/manage/full_html
2. Under "Toolbar Navigation" drag the "Style" dropdown menu into the active toolbar
3. This will add a new vertical navbar to the profile page, "Styles Dropdown"
4. Create a rule for an image element, i.e., img.testStyle|Test Style and save the configuration update
5. Create a new "Base page" node and add an image to the body field
6. Select the image either by directly clicking it or by using the CKEditor element selector in the ckeditor pane footer (the span#cke_1_bottom region) The styles button remains inactive

Note: If I change "img.testStyle|Test Style" to "image.testStyle|Test Style" I can apply the style through the styles dropdown, but CKEditor will wrap the img element in an image element, which itself will be "corrected" to two img tags.

Expected result

Should be able to assign custom classes to images.

Actual result

Styles button remains inactive. Or, if it does stay active, on draft code view of content the "image" class will change once saved in Drupal to "img".

Other details (browser, OS, CKEditor version, installed plugins)

Drupal CKEditor version 8.3.1 - also 8.4 dev and Drupal 8.1.1 - See drupal issue: ​https://www.drupal.org/node/2642808

Steps to reproduce

When changing the background color, cancelling, and changing the text color instead in document properties it changes the value for both fields.

1. Click Document Properties -> Design -> Chose Background Color
2. In the Background Color editor, select a color and then hit Cancel
3. Click on Chose for Text Color and make a selection
4. Click Ok to close out of the Document Properties dialog

Expected result

Document text color is changed

Actual result

Document background color AND text color are changed

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

1. Open an instance of ckEditor on IE11 with enabled Keyboard Navigation (Shortcut F7 or via Menu: File > Keyboard navigation)
2. Open a Color Select Dialog > More colors dialog
3. Try to close the dialog window

Expected result

The window should close.

Actual result

The window stays open and an error is logged to the console: The property "removeClass" of an undefined object can not be accessed. colordialog.js, Row: 11, Column: 485

Steps to reproduce

1. Wrap CKEditor in ul tag like this <ul><li><div contenteditable="true" /></li></ul>
2. Add Liststyle plugin to the editor
3. Open the the page with CKEditor , observe context menu

Expected result

No Bulleted List Properties in the menu

Actual result

Bulleted List Properties is in the menu

Other details (browser, OS, CKEditor version, installed plugins)

This is a coding error. Liststyle adds Bulleted List Properties to the context menu when the current element has ul or ol ancestors. With current code, the search goes outside of CK editor and finds ul or ol. The search should stop once it reaches the editor element.

Steps to reproduce

1. Visit ​http://ckeditor.com/features in firefox and chrome
2. Enter the following into console:

   CKEDITOR.instances.ckdemo.on('key', function(event){
     console.log("key-event-data: ", event.data);
   });
   

3. Focus into CKEditor and press CTRL
4. Console output:
   in Firefox - keyCode: 17
   in Chrome - keyCode: 1114129

Expected result

In Firefox the keyCode result should be 1114129 (like CKEDITOR.CTRL)

Actual result

In Firefox the keyCode result is 17

Other details (browser, OS, CKEditor version, installed plugins)

CKEditor:

Actual demo version on homepage ​http://ckeditor.com/features (4.6.2)

Browser:

Firefox: 53.0 (64bit)
Chrome: 58.0.3029.96 (64-bit)

OS:

Ubuntu 16.10

Steps to reproduce

Using Firefox with the divarea plugin present

1. Insert a table, image or other element which will show Firefox's drag handles when selected
2. Select the element
3. Scroll the editor

Expected result

The drag handles on the corners of the element scroll with the window, attached to the element

Actual result

The drag handles remain where they are and do not scroll with the content

Other details (browser, OS, CKEditor version, installed plugins)

Tested with Firefox 53.0 (64-bit) on macOS 10.12.4 and CKEditor 4.6.2 (latest versions at time of report)

Demo: ​https://cl.ly/100R2a2j0d0S

Steps to reproduce

1. Insert <div id="foo">&nbsp;</div> in the Source view
2. Switch out of source view and back in
3. <div> is removed

Expected result

Div should remain. If you add <p>&nbsp;</p> before or after the div remains.

Actual result

Div is removed.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome 58.0.3029.81, Win 10, CKEditor 4.6.2

Config has:

config.protectedSource.push(/<i[^>]*><\/i>/g);

This prevents <i> from being removed, but:

config.protectedSource.push(/<div[^>]*><\/div>/g);

In the scenario above makes no difference to <div> being removed.

Added text to the div i.e. <div id="foo">Test</div> stops it from being removed.

Steps to reproduce

I am experiencing the exact same issues as called out in this ticket.

​https://dev.ckeditor.com/ticket/16909

This was closed as could not reproduce. However - I can easily reproduce.

1. Highlight text
2. Simply place cursor inside the editor
3. Monitor debugging tools in Edge and you can see the following error logged:

SCRIPT5007: Unable to get property 'specified' of undefined or null reference ckeditor.js (101,288)

Other details (browser, OS, CKEditor version, installed plugins)

i will provide config upon request

Steps to reproduce

1. set forceSimpleAmpersand to TRUE
2. in editor srouce mode, type &
3. toggle between WYSIWYG and back to source mode

Expected result

& should stay as &

Actual result

& has become &amp;

Other details (browser, OS, CKEditor version, installed plugins)

Links that use ampersands to pass parameters are FAILING, because the ampersands have been converted to &amp; :(

Steps to reproduce

1. Add one editor on the page and edit some text.
2. Add another editor on the same page(do not click on this editor) and click on the first editor.
3. Two toolbars show up.

The reason is that on blur event doesn't get fired consistently when you create a new editor and do not click on it. Instead click on other editors on page. Two toolbars appear. The reason is there is some race condition going on the way ckeditor is calling on blur events. Similar bug mentioned here: ​http://ckeditor.com/forums/CKEditor/Registered-blur-event-doesnt-fire-the-first-time-it-seems-that-it-should-see-details

Expected result

On blur event handler should be called when focus moves away first time in the editor

Actual result

On blur event handler is inconsistent

Other details (browser, OS, CKEditor version, installed plugins)

Happens in all browsers

Steps to reproduce

1. Upload an image to server
2. Insert the image
3. Hold Ctrl, drag-n-drop the image

Expected result

The image should duplicate (this worked with the previous version)

Actual result

The image just moves, as if Ctrl was unpressed.

Other details (browser, OS, CKEditor version, installed plugins)

Tried with Chrome 59 and Firefox 53. Also reproducible on features(​http://ckeditor.com/features).

I'm 100% positive that this worked in previous versions because it's part of my daily workflow.

As we started to use modified clone of colordialog color picker in uicolor plugin, it will be good to extract common parts to a separate plugin so both colordialog and uicolor plugins can utilize it.

Steps to reproduce

1. Click inside the editor
2. Click in the textarea outside of the editor

Expected result

Caret is positioned in the textarea and I can start typing in it

Actual result

There is no caret in the textarea

Other details (browser, OS, CKEditor version, installed plugins)

Google Chrome Version 58.0.3029.96 (64-bit)

Also reproducible with current nightly build.

This problem was introduced with fix for #13446.

I'm attaching a test file where bug can be reproduced or if you prefer you can test it in this jsfiddle - ​https://jsfiddle.net/ka5aehx7/.

Steps to reproduce

1. Create iframe with editable content
2. Initialize CKeditor two or more instances for iframe elements
3. Click on editable elements on some bold text.

Expected result

Toolbar "B" icon get highlighted

Actual result

Nothing happened

Example

​http://jsfiddle.net/gvbr9mk9/3/

Steps to reproduce

1. Copy and paste the text from the attach file to ckeditor (i try it on the CKEditor home page).
2. try to select empty bullet number 2.
3. press backspace two times.

Expected: we can select bullet 2. and it will be deleted.

Actual: we cannot select bullet 2. bullet 2. is not deleted instead we get the following exception

Exception: ncaught TypeError: Cannot read property 'type' of null

at window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.dom.range.moveToElementEditablePosition (ckeditor.js:170) at window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.dom.range.moveToElementEditEnd (ckeditor.js:174) at a.<anonymous> (ckeditor.js:1049) at a.d (ckeditor.js:11) at a.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.event.CKEDITOR.event.fire (ckeditor.js:13) at a.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js:14) at window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.keystrokeHandler.f (ckeditor.js:229) at $.d (ckeditor.js:11) at $.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.event.CKEDITOR.event.fire (ckeditor.js:13) at HTMLBodyElement.<anonymous> (ckeditor.js:58)

11:01:57.158 ckeditor.js:170 Uncaught TypeError: Cannot read property 'type' of null

at window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.dom.range.moveToElementEditablePosition (ckeditor.js:170) at window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.dom.range.moveToElementEditEnd (ckeditor.js:174) at a.<anonymous> (ckeditor.js:1049) at a.d (ckeditor.js:11) at a.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.event.CKEDITOR.event.fire (ckeditor.js:13) at a.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js:14) at window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.keystrokeHandler.f (ckeditor.js:229) at $.d (ckeditor.js:11) at $.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.event.CKEDITOR.event.fire (ckeditor.js:13) at HTMLBodyElement.<anonymous> (ckeditor.js:58)

I reproduce this defect in the demo CKEditor in ​http://ckeditor.com/

Failing ​tests updating filler references on undo flow has shown that if you make a full selection the startFiller/endFiller will not be checked on whether they've been replaced.

It's an edge case but worth fixing.

The tests fails on Chrome only - since Chrome team changed selection internals recently.

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:1030/tests/plugins/widgetselection/manual/basic.
2. Select all (using keyboard) inside first editor instance.
3. Change Paragraph format to e.g. Header 1.
4. Start typing.

Expected result

Newly typed characters appears in the editor and are visible.

Actual result

Newly typed characters are not visible.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome 58.0.3029.110 (64-bit) on OS X. Same happens on Safari.

This happens because the filler is not properly removed so new typed content is inserted inside this filler (which is invisible).

Steps to reproduce

1. Go to ​​http://tests.ckeditor.dev:1030/tests/plugins/widgetselection/manual/basic.
2. Select all using keyboard inside last editor instance (Only non-editable).
3. Start typing.

Expected result

Unable to type anything (works this way when selection is made using mouse).

Actual result

The content gets replaced.

Other details (browser, OS, CKEditor version, installed plugins)

Chrome/Safari on OS X.

Steps to reproduce

1. Using MS Edge, place focus in an inline editor
2. Tab out of the editor onto a button element
3. Hit the enter key

Expected result

The click event of the button element should be fired.

Actual result

The button click event is not fired but the editor steals the browser's focus.

Other details (browser, OS, CKEditor version, installed plugins)

This can be seen with all versions of Edge. For some reason it doesn't seem to be a problem with input elements of type button, only button elements (though it may affect other elements as well).

I can reproduce this with the CKEditor demo page. I select the inline editor and shift-tab back to the button elements to select one of the other editor demos. Hitting the enter key on one of the button elements pulls the focus back to the editor. I've attached an animated GIF.

Steps to reproduce

1. Control + A to select entire HTML/source (everything should then be highlighted).
2. Select any font family to change.
3. Select any font size.

Expected result

The HTML should reflect changed font-size and retain HTML/source.

Actual result

After selecting the font-size (Step 3), the HTML/source is removed or seems to be cleared.

Other details (browser, OS, CKEditor version, installed plugins)

Google Chrome, Windows, CKEditor version 4.6.2, installed plugins are the following:

plugins : {

'a11yhelp' : 1, 'autolink' : 1, 'backgrounds' : 1, 'base64image' : 1, 'basicstyles' : 1, 'bgimage' : 1, 'blockquote' : 1, 'chart' : 1, 'clipboard' : 1, 'colorbutton' : 1, 'contextmenu' : 1, 'docprops' : 1, 'elementspath' : 1, 'enterkey' : 1, 'entities' : 1, 'filebrowser' : 1, 'find' : 1, 'floatingspace' : 1, 'font' : 1, 'footnotes' : 1, 'format' : 1, 'horizontalrule' : 1, 'htmlwriter' : 1, 'image' : 1, 'imagepaste' : 1, 'imageresize' : 1, 'imagerotate' : 1, 'indentblock' : 1, 'indentlist' : 1, 'justify' : 1, 'language' : 1, 'lineheight' : 1, 'link' : 1, 'list' : 1, 'liststyle' : 1, 'magicline' : 1, 'maxheight' : 1, 'pagebreak' : 1, 'panelbutton' : 1, 'pastefromword' : 1, 'pastetext' : 1, 'pbckcode' : 1, 'print' : 1, 'quicktable' : 1, 'removeformat' : 1, 'resize' : 1, 'scayt' : 1, 'showblocks' : 1, 'sourcearea' : 1, 'specialchar' : 1, 'stylescombo' : 1, 'stylesheetparser' : 1, 'tab' : 1, 'table' : 1, 'tableresize' : 1, 'tabletools' : 1, 'textsignature' : 1, 'toolbar' : 1, 'undo' : 1, 'uploadimage' : 1, 'wordcount' : 1, 'wsc' : 1, 'wysiwygarea' : 1, 'zoom' : 1

}

Steps to reproduce

1. Launch ckeditor 4.6.2 in IE Compatibility Mode Mode. Please see test-oob-ckeditor.html file attached.
2. Paste following content in editor line1 hi

line 2 hi bye line 3 hi

3. Open Find dialogue and search for String hi.Keep on clicking "Find" button.
4. Close the Find dialogue.

Expected result

The highlight styles added are removed.

Actual result

Highlighting is retained.

Other details (browser, OS, CKEditor version, installed plugins)

IE in compatibility mode CkEditor 4.6.2 Full Version

Steps to reproduce

1. Open the CKEditor sample page(​http://ckeditor.com/features) in chrome ( any browser with console)
2. Open Chrome web console and try adding an anchor element with this command

"window.CKEDITOR.document.createElement("a",{attributes:{href:'google.com'}})"

3. In the result , expand the dom element and view the value of 'href' attribute

Expected result

href: google.com

Actual result

"​http://ckeditor.com/google.com"

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

1. Configure MathJx
2. Open ckEditor on browser
3. Click Math (sigma) button

Expected result

Demo formula should be render

Actual result

Error on JS

Other details (browser, OS, CKEditor version, installed plugins)

Chrome, Ubuntu, CKEditor 4.5.9 (revision a35abfe), jQuery adapter and mathjx

MathJX script => ​https://cdn.mathjax.org/mathjax/2.2-latest/MathJax.js?config=TeX-AMS_HTML

Steps to reproduce

1. Change the font to anything other than the default
2. Type text then enter a couple of times
3. Click back to a line you entered past

Expected result

The font will remain that which you set to originally

Actual result

The font reverts back to the default

Other details (browser, OS, CKEditor version, installed plugins)

Using Chrome Browser Tested in V4 Nightly Build Full

Steps to reproduce

1. Change font to Courier New 12
2. Type letter with multiple lines and carriage returns etc
3. Click back into space you entered past and the font reverts to default
4. Change font back to Courier New
5. When you start typing the font is clearly not in size 12

Expected result

Original set font size of 12 would hold.

Actual result

Font size reverts back to the default

Other details (browser, OS, CKEditor version, installed plugins)

Using Chrome Browser Tested in Nightly build

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:10470/tests/plugins/tableselection/manual/blur.
2. Follow the scenario for classic editor.

Expected result

It is possible to blur editor with Tab/Shift+Tab when row is selected.

Actual result

Tab/Shift+Tab does not work.

Other details (browser, OS, CKEditor version, installed plugins)

Safari (Version 10.1.1 (11603.2.5)) on OS X El Capitan 10.11.6.

I have also noticed that if editor is focused from another instance (using Shift+Tab), blurring it with Tab works.

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:10470/tests/plugins/tableselection/manual/editortypes.
2. Select the first row in a table.
3. Copy.
4. Paste after Some text (and before existing table).
5. Select whole row in a first (pasted) table.
6. Without releasing the mouse button, hover over the second table.

Expected result

No error and probably selection should expand somehow on the second table.

Actual result

Error is thrown Uncaught TypeError: Cannot read property 'length' of undefined.

Other details (browser, OS, CKEditor version, installed plugins)

Tested on Chrome and Safari.

Steps to reproduce

1. Open ​http://tests.ckeditor.dev:1030/tests/core/selection/manual/iecontenteditablefalse.
2. Insert non-editable widget.
3. Select part of the text inside it.
4. Press any letter on keyboard

Expected result

Widget becomes selected.

Actual result

Selection jumps out of widget and it allows to type before/after the widget.

Steps to reproduce

1. Open page with CKEditor.
2. Copy some rich content and try to paste it as plain text using button in the toolbar.
3. Use keystroke shown in notification (Cmd+Shift+V).

Expected result

Content is pasted as plain text.

Actual result

Nothing happens.

It seems that Opera on macOS uses Cmd+Shift+Alt+V to paste as plain text.

Other details (browser, OS, CKEditor version, installed plugins)

Opera 45, macOS

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:1030/tests/plugins/tableselection/manual/integrations/selectall/table.
2. Follow the scenario (with Cmd + A).
3. When releasing Cmd + A, release A and after some time release Cmd.

Expected result

The table is faked selected.

Actual result

Native selection is visible.

Other details (browser, OS, CKEditor version, installed plugins)

OS X, tested on Safari, Chrome. Works fine on Firefox.

Additionally on Safari, error is thrown: TypeError: null is not an object (evaluating 'e.getChild(f-1).type'). If Cmd + A is release at once it works fine. Seems to be working fine on Windows where select all is fired after releasing A. On OS X it is fired after releasing Cmd.

Steps to reproduce

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/tableresize/manual/empty
2. Click on the table when move cursor is shown. Resize handlers should appear.
3. Click into the empty space inside the editor.

Expected result

Nothing happens

Actual result

Error is thrown: Object required

Other details (browser, OS, CKEditor version, installed plugins)

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:1030/tests/core/manual/src#child on Edge.
2. Select content from "Source iframe 2".
3. Copy it with CTRL + C.
4. Paste it to the editor with CTRL + V.

Expected result

There's no error after paste.

Actual result

Error in a console - "SCRIPT5: Acces is denied."

Other details (browser, OS, CKEditor version, installed plugins)

OS: Windows 10 Browser: Edge

Steps to reproduce

When you try to copy-paste some text to editor and use editor's paste option, there appears notification to use CTRL+V. Shortcut is impossible to made on mobile device, there should be used native paste option.

Expected result

Notification will inform about real possibility to paste.

Actual result

Currently there is info to use CTRL+V shortcut which is impossible to made.

Other details (browser, OS, CKEditor version, installed plugins)

Samsung, Android 4, Chrome Mobile v.58.

Steps to reproduce

1.I am copying content form outlook mail. 2.Paste to my page where CKEDITOR 4.5.10 integrated 3.Patsed Images are not showing in ckeditor.

Expected result

It should show images.

Actual result

Not showing images

Other details (browser, OS, CKEditor version, installed plugins)

(Chrome, Windows 7, 4.5.10)

installed plugin : dialogui,dialog,about,a11yhelp,basicstyles,blockquote,clipboard,panel,floatpanel,menu,contextmenu,resize,button, toolbar,elementspath,enterkey,entities,popup,filebrowser,floatingspace,listblock,richcombo,format,horizontalrule,htmlwriter,wysiwygarea,image,indent,indentlist,fakeobjects,link,list, magicline,maximize,pastetext,pastefromword,removeformat,sourcearea,specialchar,menubutton,scayt,stylescombo,tab,table,tabletools,undo,wsc ==

Steps to reproduce

1. Create table
2. Right click table cell
3. Choose Cell -> Cell properties
4. Select background color (anything but #000000)
5. Save
6. Reopen menu and pick color again
7. There will be highlighted black color instead of current one.

Expected result

Dialog with colors selection show current color of cell.

Actual result

Dialog with colors selection always show black color.

Other details (browser, OS, CKEditor version, installed plugins)

Checked on iOS and Chrome browser

Steps to reproduce

1. Go to CKEditor sample.
2. Delete whole content.
3. Change style to "special container" and type some text.
4. Change style to "marker" and type some text.
5. Press CTRL + Z few times.

Expected result

It should undo all style changes.

Actual result

Style appears for a split second only and there's no possibility to undo changes.

Other details (browser, OS, CKEditor version, installed plugins)

OS: Windows 10 Browser: Edge

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:1030/tests/core/selection/manual/iecontenteditablefalse#child
2. Follow the scenario.

Expected result

Widget should receive a selection after key pressing.

Actual result

Widget doesn't receive a selection and moves downwards.

Other details (browser, OS, CKEditor version, installed plugins)

OS: Windows 10 Browser: Edge

Steps to reproduce

1. Open Chrome mobile browser
2. Press button to add table
3. Accept inserting new table with enter key
4. Table should be added twice to editor

Expected result

Table will be added only once.

Actual result

Table is added twice.

Other details (browser, OS, CKEditor version, installed plugins)

Android 4.4.2, Chrome mobile v.58.

Steps to reproduce

Recreated in both Firefox and Edge on the CKEditor BBCode Samples page.

1. Go to ​http://sdk.ckeditor.com/samples/bbcode.html and paste this into a blank SOURCE window:

[list]
[*]test
[*]test
[/list]
[u][url=http://snapback-apps.com/updatewindows/]Manage My Windows Updates[/url][/u] - Controls Windows 10 Updates without the work, hassle or risk.
[list]
[*]test
[*]test
[/list]
[list]

2. Switch to PREVIEW, and it appears with an EXTRA linefeed:

test
test
           <<<<< Should NOT be added here!!
Manage My Windows Updates - Controls Windows 10 Updates without the work, hassle or risk.
test
test

3. Switch back to SOURCE, and you will see a new linefeed has been added to source.

NOTE: This will NOT add a new linefeed if the line after [ /list ] is just text. (I didn't test any other types of content.)

4. Go to PREVIEW, and yet another linefeed has been added, each time you switch to PREVIEW.

Expected result == NO new linefeeds added when switching from source to preview

Actual result == One NEW linefeed is added with each switch

Other details

Related: Other issues with line breaks: #7870, #10078, #11524, #7870.

Costs / workarounds for users

Must always go back into the source and delete the number of linefeeds by hand. How many? An extra linefeed is added each time you switch, so the number of corrections will always be 1-x for each time you use both [ /list ], followed by a URL on the next line

Steps to reproduce

1. Open ​https://jsfiddle.net/0cr59Loa/
2. Start selecting from a row above the one with headings.
3. Stop selecting at the end of the table

Expected result

All selected rows remain selected.

Actual result

All rows below the one with headings are unselected just after releasing mouse button.

Other details (browser, OS, CKEditor version, installed plugins)

It seems to be connected with the order of elements in table. If tfoot is after tbody, then everything seems to be working correctly.

Steps to reproduce

1. Open ​http://ckeditor.com/features;
2. Switch to Accessibility Checker page;
3. Add a Table;
4. On the left row add a bulleted list and type several paragraphs;
5. On the right row add any text;
6. Set cursor to the last paragraph within the first row;
7. Start deleting content by pressing Delete button;

Have a look at this video: [​https://www.screencast.com/t/XfgB4XTDKkwn ]

Expected result

Any text to the right of the cursor should be deleted, in the current cell only.

Actual result

All text to the right of the cursor in the current cell is deleted, however it then begins to pull in and delete text from the neighbouring cell.

Other details (browser, OS, CKEditor version, installed plugins)

Reproduced in Edge, Chrome and IE.

Hi All,

I had trouble entering "20" to Character Width of Text Field and Columns of TextArea. It simply got missing. I do not know if this is intentionally or a bug.

Your help is highly appreciated,

Henry

Moved from SF:
​http://sourceforge.net/tracker/index.php?func=detail&aid=1661543&group_id=75348&atid=543653

When browsing server, we can't create links to folders, it's a problem.

Bye

Moved from SF:
​http://sourceforge.net/tracker/index.php?func=detail&aid=1096331&group_id=75348&atid=543656

When I copy bullet lists from Word, it replaces the bullet list with &bull; or the number if it was a numbered list.

Is it possible that when I change the list back to a bullet list in the FCK Editor, that it removes &bull; and any extra spacing after it?

At the moment, this:

<p>&bull;&nbsp;&nbsp; &nbsp;This is a sample list<br /> &bull;&nbsp;&nbsp; &nbsp;This is a sample list<br /> &bull;&nbsp;&nbsp; &nbsp;This is a sample list</p>

Changes to this:

<li>&bull;&nbsp;&nbsp; &nbsp;This is a sample list</li> <li>&bull;&nbsp;&nbsp; &nbsp;This is a sample list</li> <li>&bull;&nbsp;&nbsp; &nbsp;This is a sample list</li>

Can it change to this:

<li>This is a sample list</li> <li>This is a sample list</li> <li>This is a sample list</li>

I think word or powerpoint does that from memory..

When using the Opera browser (V9.52 on Windows XP), if I change the view settings to 'Fit to Width' then the edit area of the FCKEditor disappears. The buttons remain however. This happens within my instance of the editor and also on your demonstration page using V2.6.3 of your editor.

I added FCKConfig.ToolBarIconSize to config file right after skin. (It would be best to get this out of the skin directory, but that may be too hard)

use this value in FCKToolbarButton.js (this was minimal necessary change), FCKIcon.js (this may have been necessary, but the case 'number' never seem to get called, and any other places it's hardwired to 16.

upload and embed audio files that then play on an inline jquery player. One of the simplest I have seen is at ​http://wiki.github.com/rhulse/media-player/home

Reproducing Procedures

1. Load the 'enterkey' sample and switch enterMode from <P> to <BR>;
2. Click on 'Div' command and insert a default div container.

• Expected Result:

  <div>
  		This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>. </div>
  

• Actual Result: Line is wrapped by an extra paragraph.

  <div>
  	<p>
  		This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>
  </div>
  

When horizontail line is inserted with Format Normal <DIV> the cursor is sometimes hardly visible and enter adds two new lines.
Steps to reproduce:

1. Open http://nightly.ckeditor.com/5635/_samples/skins.html[[BR]]
2. Select Format: Normal <DIV>[[BR]]
3. Insert horizontal line[[BR]]
4. Cursor is positioned bellow the line, which is correct[[BR]]
5. Click backspace - cursor is at the end of the horizonal line and hardly visible[[BR]]
6. Hit Enter -> two new lines are added and the format is changed from Normal<DIV> to Normal

In Google Chrome, open CKEditor ​http://nightly.ckeditor.com/5845/_samples/ui_languages.html
Set Polish language Open Add table dialog

Two scrollbars are visible.

In the same window, opened in Firefox, one letter is placed on border of dialog window.

To reproduce the defect:

1. Open Ajax sample.

2. With out focusing in Editor body, click on RTL Icon.

Expected Result:

Cursor shown in Editor body & RTL is applied to new empty paragraph.

Actual Result:

Cursor not shown in Editor body but RTL is applied to new empty paragraph. Cursor gets displayed only when user starts typing the text

1. Crete list like this:

<ul>
 <li>a
  <ul>
   <li>[b</li>
   <li>c]
    <ul>
     <li>d</li>
    </ul>
   </li>
  </ul>
  </li>
  <li>e</li>
  <li>f</li>
</ul>

2. Select b and c item as in example
   
3. Type some char e.g. 'a'

Expected result
New char will be replaciing 'b' item and 'c' item will be removed

Actual result
New char is replacing 'b' item (correct) but depends on browser 'c' is always incorrect

Linked with #5500
Currently CKEditor allows to set default value for text field which type is set as Password.

• Under IE default value is cleared when switching from WYSIWYG to source and back.
• Under Firefox, Opera and Chrome default value is still set.

  <p>
  	<input maxlength="11" name="tess" size="22" type="password" value="test" />This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>
  

We should either block or allow this setting, so CKEditor will work similar in all browsers.

When resizing editor in languages sample in IE9 textarea and buttons go outside editor. This can be observed when using some locale like Polish, Icelandic, Spanish, Vietnamese, Portuguese or Welsh.

I haven tested this issue for all the languages but it works fine for example in Chinese, Korean, Persian, English, German, Hungarian or in Swedish.

I have set 3.5.3 version because in previous ones I could not see buttons in IE9 at all.

In Firefox 4 the startupFocus parameter (and every first execCommand call) moves the cursor to the end of document instead of the begining like any other Browser.

It is very simple to reproduce this bug, just go to ​http://nightly.ckeditor.com/6722/_samples/replacebyclass.html (with FF4) and click on "bold". You will see that the focus jumps to the end of the document.

I have tested it with the current release and the nighty build, both has this bug.

Sorry for the mysterious summary. It's best to see the picture to know what I'm talking about.

The problem is that textarea is actually smaller then the wrapper div. It's no big deal but when focus comes to textarea it doesn't look nice any more.

1. Open Ajax sample
2. Type "test"
3. Select text with a mouse. It is important to select it from right to left. You can start from second "t" or from "s" or "e" but it is important to stop some distance behind first "t".

Result: In FF and Opera the buttons Copy/Cut don't get enabled. When you select text from left to right or stop in the middle of the word then these buttons are enabled.

In Webkit these buttons are never enabled (maybe this is due to security settings - didn't dig into it).

Of course after selection from right to left, copying/cutting text using CRTL+C/CRTL+X works. What is more even if those buttons were enabled you could not copy/cut text with them because of default security settings in your browser. Probably in most cases this would be just a visual change.

On triggerEditable, the bottom has an outlook of 1px dotted line while the top line doesn't have.

This's a consistency issue.

Please see commnet:3 for full explanation of the problem.

Watch the screencast.

1. Go to ​http://ckeditor4.t/ckeditor/samples/readonly.html
2. Make it read-only.
3. L-click editable, ~30 pixels after the last word.
4. Clipboard is accessible.

1. Go to ​http://ckeditor4.t/ckeditor/plugins/autogrow/samples/autogrow.html
2. Place a caret in the middle of the text.
3. Hold Enter (return) for 3 secs.
4. A lot of new empty content (<p>&nbsp;</p>) has been created but editor preserved its height.
5. Click inside of the editable or type something.
6. Now autogrow worked.

1. Go to ​http://ckeditor4.t/ckeditor/samples/tabindex.html
2. Press TAB. Focus is moved to Editor 1 but nothing is highlighted.
3. Press TAB once again. Editor is highlighted correctly.
4. Continue pressing TAB to see this issue for all editors.

1. Load editor with the following source:

   <pre>^foo</pre>
   

2. Open Font Name combo;

• Actual: Browser crashes

Reproduced with Safari6 on Mac.

Currently the font and fontsize combos on the toolbar only reflect styles set through the style definition specified by the fontSize_style and font_style config settings. This means that if font is specified in any other way, the toolbar does not show this.

To Reproduce:

• Copy the following into Source view:

<h1 style="font-family:arial,helvetica,sans-serif;font-size:14px;">Sample heading text with Arial font, size 14 applied directly on the H1 tag.</h1>

<p><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size: 14px;">Sample text with Arial font, size 14 applied through the style definitions specified by config.fontSize_style and config.font_style.</span></span></p>

• Switch back to wysiwyg view and click into the second line of text. Note that the font and fontSize combo boxes correctly display the font styling.
• Click into the first line of text.

Problem: The font and fontSize combo boxes do not reflect the font styling set on the H1 tag.

Setting font and fontSize styling for the paragraph formats is easily achievable in the editor using config.format_<formatName>. For example:

config.format_h1 = { element : 'h1', styles : { 'font-family':'arial,helvetica,sans-serif', 'text-align' : 'center', 'font-size' : '20px;' } };

However the toolbar does not reflect these font styles. Other styles such as text-align and color are correctly represented on the toolbar.

The font and fontsize combo boxes should display the font regardless of how it is applied. Perhaps using the computed font values would be the solution for this. This approach would also address the issue raised in ticket #4887.

What's reason to use <a> element with javascript: pseudo hrefs?

I think we should use <button>'s for buttons. Why not? Or at least <span>'s. Same with context menus.

Currently enabling external plugins is a two step process. First one have to call CKEDITOR.plugins.addExternal(), then add the plugin to config.extraPlugins.

It would be cool if there was an easier way to do this, without searching in the documentation how to point CKEditor to a plugin in a different folder.

The current string sytax could be preserved, plus we could allow users to specify an object with plugin => url:

config.extraPlugins = {
  plugin1 : url1,
  plugin2 : url2
}

If one wants to mix external and non-external plugins, something like this could do the trick:

config.extraPlugins = {
  plugin1 : url1,
  plugin2 : url2,
  plugin3 : '', // equals config.extraPlugins = 'plugin3'
}

Extracted from ticket:10370#comment:3.

Most likely this issue requires lots of coding with no significant improvement to the editor.

Problem is that
inline loads: dataReady, contentDom
framed loads: contentDom, dataReady

This can be checked with:

var editor = CKEDITOR.inline( 'editable' );
	editor.on('contentDom', function(){
		console.log('contentDom');
	});
	editor.on('dataReady', function(){
		console.log('dataReady');
	});

1. Click "New Page".
2. Click the table icon.
3. Without any change, hit ENTER to insert the table.

Two tables are inserted.

Confirmed in IE9, IE10 and Firefox (randomly) on Windows. I was not able to reproduce it on Mac.

I do use MathJax and ckeditor in my sites. But I do not intend to use the mathjax plugin in its current state. There are two reasons:

• Edit: @jmatos I have extraced this part of your ticcket to #11595.
• The sample in ​http://ckeditor.com/ckeditor_4.3_beta/samples/plugins/mathjax/mathjax.html shows the baseline for text and inline equations as being significantly different.

We just upgraded to the latest version of ckeditor and downloaded the minified version.

Everything worked fine except for places where textarea are created we see the problem trying to access "cke_dialog_ui_input_textarea". We looked at the code and found that one place ckeditor does the following

Having this line causes the class="cke_dialog_ui_input_textarea " with an extra whitespace when aclass? is undefined. This caused our tests with sahi to fail since sahi was not able to find anything with the exact class name. We have reported the bug with sahi as well.

But attached is the patch that can fix it for the ckeditor.

Hope this works for ckeditor and helps.

-Thanks Sudhindra

How to reproduce.

1. Go to the demo Page ​http://ckeditor.com/demo#full
2. Switch to source mode
3. Delete all the content
4. enter the following content

   <iframe src="http://google.de"><!-- Hello -->This is a test</iframe>
   

5. switch to wysiwyg mode
6. switch back to source mode enter the comment is messed up

<iframe src="http://google.de">&lt;!--{cke_protected}{C}%3C!%2D%2D%20Hello%20%2D%2D%3E--&gt;This is a test</iframe>

Add to contents styles:

img { margin: 10px }

And the resizer will be displayed 10px from its correct position. Can we do anything about it other than resetting that style?

I think that the only solution is to change the resizer position if margin was discovered, but that's not even close to a clean solution.

On the other hand, if I set padding instead of margin, then resizer also isn't displayed over the image. But in this case it's still displayed over the widget outline (so it looks good), because the outline is also pushed from image. So theoretically we could add border or ~0px padding to widget wrapper, so it'd be pushed from image if it has margin, but then we would break margins collapsing between image and surrounding elements, what's not acceptable.

1. Open Full Page Editing sample.
2. Put this html in the Source mode:

   <html>
   <head>
   	<title><!-- foo --></title>
   </head>
   <body></body>
   </html>
   

3. Change mode to the WYSIWYG and back to source.

Expected:

<title>&lt;!-- foo --&gt;</title>

Actual:

<title>&lt;!--{cke_protected}{C}%3C!%2D%2D%20foo%20%2D%2D%3E--&gt;</title>

Steps to reproduce:

1. create a table
2. click inside the 1st cell
3. right click to get a context menu
4. place the cursor at the edge of the context menu
5. close the menu without selecting an option by left click, to restore the focus inside the cell
6. start typing

result: Unable to type in the 1st cell. Path bar displays 'body->table->tbody->tr->td' but focus is not in the cell.

To make it easy to reproduce, remove rounded borders from cke_panel class in moono skin, e.g.

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

Chrome and FF were used for testing

Steps to reproduce

Below code works until CKE 4.4.8

editor.on('contentDom', function(){
var editable = editor.editable();
editable.attachListener( editor.document, 'cut',  function(ev){
        console.log('logic');
        ev.data.preventDefault();
        return false;
}, null, null, 0);
});

This code works in all versions:

editor.on('contentDom', function(){
   var editable = editor.editable();
   editable.attachListener( editable, 'cut',  function(ev){ //here
         console.log('logic');
         ev.data.preventDefault();
         //ev.cancel();
         return false;
   }, null, null, 0);              
});    

and so does this one:

editor.on('contentDom', function(){
    var editable = editor.editable()
    editable.on( 'cut',  function(ev){
         ev.data.preventDefault();
         return false;
    }, null, null, 0);
});

Was this planned or is this a bug?

While generating new icons using iconmaker.js script (./dev/iconmaker/iconmaker.js) we discovered that some icons generated on Linux and Mac differs.

On Linux current version is:

Version: ImageMagick 6.7.7-10 2014-03-06 Q16 ​http://www.imagemagick.org

and on Mac:

Version: ImageMagick 6.9.3-7 Q16 x86_64 2016-03-27 ​http://www.imagemagick.org

The problem is with newer version on Mac (which will probably land one day on Linux too) for specific icons it adds some blurring/background (not sure how to call it). It can be seen on attached screenshot comparing generated icons (left - mac, right - Linux).

It's not a big deal for now but we should keep in mind that such problem exists and may return in future.

ImageMagick convert method which is used by the script have ​plenty of options and maybe some of them may help to solve the issue.

Color names in preset are not localized.

Steps to reproduce

1. Go to ​http://tests.ckeditor.dev:1030/tests/plugins/tableselection/manual/tableselection#child
2. Focus editor without focusing any table cell.
3. Select first table cell without dragging a selection out of it's border.

Expected result

Cell should be marked with native selection.

Actual result

Cell was marked with visual selection.

Notes

Bug appends only if cell wasn't focused. You can try this scenario:

1. Refresh test.
2. Focus editor without focusing any table cell.
3. Focus first table cell.
4. Select first table cell without dragging a selection out of it's border.

As you can see, it received native selection.

Other details (browser, OS, CKEditor version, installed plugins)

OS: Windows 10 Browsers: Edge, IE 11