Cannot use the control panel for lists, headings, code block in a table after import from Confluence server

Hello.

In a Confluence article, I have a list table with a code block and headings. Table source code in Confluence:

<table class="relative-table" style="width: 73.784%;">
    <tbody>
    <tr>
        <th class="highlight-#fff0b3" style="text-align: center;" data-highlight-colour="#fff0b3">Block</th>
        <th class="highlight-#fff0b3" style="text-align: center;" data-highlight-colour="#fff0b3">Content</th></tr>
    <tr>
        <td><strong>List</strong></td>
        <td>
            <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li></ul></td></tr>
    <tr>
        <td class="highlight-grey" data-highlight-colour="grey"><strong>Code</strong></td>
        <td class="highlight-grey" data-highlight-colour="grey">
            <div class="content-wrapper" title="">
                <p class="auto-cursor-target"><br /></p><ac:structured-macro ac:name="code" ac:schema-version="1" ac:macro-id="591951ae-8df0-4efb-98d5-a66d8fabff8c"><ac:plain-text-body><![CDATA[function pow(x, n) {
                if (n == 1) {
                return x;
                } else {
                return x * pow(x, n - 1);
                }
                }

                alert( pow(2, 3) ); // 8]]></ac:plain-text-body></ac:structured-macro>
                <p class="auto-cursor-target"><br /></p></div></td></tr>
    <tr>
        <td><strong>Heading</strong></td>
        <td>
            <div class="content-wrapper">
                <h3>Heading 3</h3>
                <h4>Heding 4</h4></div></td></tr></tbody></table>
<p class="auto-cursor-target"><br /></p>

After importing from Confluence to the Knowledge base, this table looks like this:

As you can see in the screenshot, the panel for managing lists and the code block in this table are not active.

Can you please tell me if this behavior is a bug when lists and code in the table cannot be edited after importing from Confluence?