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') });

关于如何让它在画布外工作的任何想法？