[FIX] web_editor: click enter in a banner inside a list in chrome

[Mtaylorr]

Issue:

Clicking enter in a banner inside a list breaks the layout in chrome browser.

Steps to reproduce the issue:

• Open chrome browser
• Go to to-do
• Create a list and add 1 item
• Click enter (Second element of the list) and add a banner in the item
• Click enter
• Doesn't work as expected

Origin of the issue:

This is a browser issue, chrome in this specific case doesn't work properly, all the events until textInput are called when clicking enter but the last event is never triggerged which is the input event. The specific case can be reproduced with this:

<div contenteditable="true">
     <ul>
         <div contenteditable="false">
             <div contenteditable="true">
                 <p>
                     text[]
                 </p>
             </div>
         </div>
     </ul
</div>

Solution:

We manually trigger the input event in this specific case.

Issue:

List inside a banner under a list doesn't align correctly

steps to reproduce the issue:

• Go to do
• Add a list and first item
• Add a banner
• Add a list inside the banner
• It's not correctly centered

Origin of the issue:

Since the list inside the banner is considered nested list under the top
list, the margin-bottom is removed.

Solution:

Reassign the style again when we are inside the banner.

task-3857296

[robodoo]

.