The list disappears when the editor's parent container is a list

[seonim-ryu]

Describe the bug

When the editor's parent container is a list, the list disappears from WYSIWYG.

To Reproduce

Steps to reproduce the behavior:

1. Enter a list in WYSIWYG editor.
2. Newline within the list or edit the list.
3. Or change the mode with the Markdown editor.
4. The entered list disappears.

<ul>
  <li style="padding:10px;border:1px solid blue;">
    <ul>
      <li style="padding:10px;border:1px solid red;">
        <div id="editor"></div>
      </li>
    </ul>
  </li>
</ul>

Expected behavior

The list should remain entered.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

When using .find() of jQuery in the editor and changing it to querySelectorAll(), the behavior changed. jQuery searches for children from the currently selected element, but querySelectorAll() refers to the entire node list. So, when using the descendant combinator, there is an issue that behaves differently as follows.

Note: https://developers.google.com/web/updates/2013/03/What-s-the-CSS-scope-pseudo-class-for#when_queryselector_goes_wrong

To solve this problem, the :scope pseudo-class can be used, but since IE is not supported, it is solved by logic.