Problem with ordering of DOM-Elements in lists with Enter Mode BR

[b2m]

Are you reporting a feature or a bug?

Bug

Check if the issue is already reported

No duplicates found.

Provide detailed reproduction steps (if any)

1. Use config.enterMode = CKEDITOR.ENTER_BR; or the option Break the line with a <br> on http://sdk.ckeditor.com/samples/enterkey.html.
2. Produce or paste the following HTML Markup in source code mode:

<strong>This is some bold Text with some <em>em</em><br>
and a linebreak after that.</strong>

3. Select the two lines of text and generate a bullet point list using the List-Button in the Toolbar (WYSIWYG-Mode).

Expected result

Each line equals one element in the list.

<ul>
	<li><strong>This is some bold Text with some <em>em</em></strong></li>
	<li><strong>and a linebreak after that.</strong></li>
</ul>

Actual result

The elements in the first line are reordered.

<ul>
	<li><br>
	<strong><em>em</em>This is some bold Text with some </strong></li>
	<li><strong>and a linebreak after that.</strong></li>
</ul>

Other details

• Browser: Chrome, FF, IE (only Windows ;)
• OS: Linux, Windows
• CKEditor version: 4.5 and http://sdk.ckeditor.com/samples/enterkey.html

[msamsel]

Problem exists still on 4.7.1.
demo: https://codepen.io/msamsel/pen/xrMzBR?editors=1010

1. Open demo page.
2. Select entire text.
3. Make list from selection.