Cannot use <br> in implementation of EditableDiv in ReactiveHTML

[ahuang11]

import panel as pn
import param

pn.extension()

class EditableDiv(pn.reactive.ReactiveHTML):
    object = param.String(default="--", doc="The HTML content")

    _template = """
    <div id="paragraph" contenteditable="true" onfocusout="${script('sync')}">
        {{object}}
    </div>
    """

    _scripts = {
        "sync": "data.object = div.innerHTML;",
    }
d = EditableDiv(object="<div>To whom it may concern,<br><br>...</div>")
d

1. This does not show ...
2. It shows an extraneous div

I suspect there's some bug in the parsing of tags.

[ahuang11]

Ooh a pair works.