Select2在Bootstrap Offcanvas内格式不正确

使用Bootstrap 5.3和Select2 v4.1.0 rc-0。

在Bootstrap offcanvas中时,它的格式不正确。控件在标签后面对齐,不占用列的整个宽度。它应该被标记在控件上。

<div class="col-12 mb-3">
     <label class="form-label">Condition</label>
     <select class="select2 form-control">
         <option>A</option>
         <option>B</option>
     </select>
</div>

在画布之外,它是有效的。

我在Select2上找到了一些帖子和信息,上面说要进行对话,你需要将其附加到家长身上,我尝试过,但没有成功。

 $('.select2').select2({
 dropdownParent: $('#offcanvas-item') });

关于如何让它在画布外工作,有什么想法吗?