需要修复 select2 multiple-select 搜索框的高度和宽度

Need to fix height and width of select2 multiple-select search box

当我在 select2 元素中不断选择多个选项时,显示当前选择的文本区域不断扩展,如下所示:

我尝试修复 类 的高度,例如 select2-selectionselect2-container。那对我没有帮助。我最终得到了类似下面的结果。

我的要求 - 我想固定文本区域的高度和宽度,并且所有选项都必须在其中呈现。 (因为,这将是一个小弹出窗口的一部分,并且有大小限制)。

事实证明这很简单。有一个跨度元素 class select2-selection--multiple 作为 li 的父元素。我所要做的就是添加 overflow-y: auto 就可以了。我不知道这个 属性。

我的 select2 组合框现在如下所示。

供我进一步阅读 - overflow-y description in w3schools