Всплывающее окно Bootstrap 4 не отображает флажок ввода

Question

Я создал div, который я использую для динамического создания data-content всплывающего окна Bootstrap 4

HTML-код div равен

> <div id="popover-content-wrapper" style="display: none">
>     <div><a href="#" id="popover-dismiss">Dismiss</a></div>
>     <div>This is your div content with a checkbox</div>
>     <div>
>     <input id="box1" type="checkbox" />
>     <label for="box1">Checkbox 1</label>
>         </div> </div>

Когда всплывающее окно отображается с использованиемследующие javascript, флажок не включен в HTML

    const popoverHtml = $("div#popover-content-wrapper").html();

    $('#chart-controls').popover({
        html: true,
        container: '#chart-controls',
        placement: 'top',
        delay: 0,
        animation: false,
        content:
        function() { return popoverHtml }
    }).popover('show')

Вызов селектора html () определенно возвращает div, содержащий ввод / метку, но отображаемый всплывающий HTML-код

<div class="popover-body"><div><a href="#" id="popover-dismiss">Dismiss</a></div>
        <div>This is your div content with a checkbox</div>
        <div>


            </div>
    </div>

Есть ли в Bootstrap что-то, что не нравится HTML для ввода?