需要修复select2多选搜索框的高度和宽度

Question

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

我尝试修复select2-selection和select2-container等类的高度。那对我没有帮助。我最终得到了类似下面的东西。

我的要求 - 我想修复文本区域的高度和宽度，并且必须在其中呈现所有选项。 （因为，这将是一个小弹出窗口的一部分，并且有尺寸限制）。

Answer 1

事实证明这很简单。类select2-selection--multiple的span元素是li的父元素。我所要做的只是添加overflow-y: auto，这就是诀窍。我不知道这个属性。

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

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