css - 物化：如何在模式之外“推送”选择输入？

Question

有一个模式和一个选择，里面有很多选项。

When the select is opened, it looks like that :

https://jsfiddle.net/m3kxodng/2/

我觉得用户体验很差，因为有 2 个滚动条，并且鼠标滚动适用于模式而不是选择。

最好是这样： https ://jsfiddle.net/m3kxodng/4/

我已将此添加到 css

.modal {
    overflow-y: visible;
}

但它会导致不可忽视的回归：模态没有很好的高度。打开模式时可见：

这是否可以在不回归的情况下推出模态的“选择”？（并且不使用javascript）

标签： cssmaterialize