Panel viewables displayed inside a ReactiveHTML component don't respect the component size

[maximlt]

Panel objects embedded in a ReactiveHTML component don't respect the size of the ReactiveHTML component. Here's an example with a simple Str pane embedded in a basic ReactiveHTML component. As can be seen on the screenshot the embedded pane overflows the parent component.

import panel as pn
import param

class Test(pn.reactive.ReactiveHTML):

    p = param.Parameter()
    
    _template = """<div id="test">${p}</div>"""


Test(p=pn.pane.Str('test ' * 10), background='red', width=200)