v2 版本 mdui-select 组件中 mdui-menu-item 过多时没有滚动条
marioplus opened this issue · comments
感谢查看我的问题,我在使用v2 版本mdui-select
组件时,当 mdui-menu-item
过多时没有出现滚动条,无法选择靠后面的选项,文档中没有找到相关的描述。
<html>
<link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css">
<script src="https://unpkg.com/mdui@2/mdui.global.js"></script>
<mdui-select class="select" value="1">
<mdui-menu-item value="0">0</mdui-menu-item>
<mdui-menu-item value="1">1</mdui-menu-item>
<mdui-menu-item value="2">2</mdui-menu-item>
<mdui-menu-item value="3">3</mdui-menu-item>
<mdui-menu-item value="4">4</mdui-menu-item>
<mdui-menu-item value="5">5</mdui-menu-item>
<mdui-menu-item value="6">6</mdui-menu-item>
<mdui-menu-item value="7">7</mdui-menu-item>
<mdui-menu-item value="8">8</mdui-menu-item>
<mdui-menu-item value="9">9</mdui-menu-item>
<mdui-menu-item value="10">10</mdui-menu-item>
<mdui-menu-item value="11">11</mdui-menu-item>
<mdui-menu-item value="12">12</mdui-menu-item>
<mdui-menu-item value="13">13</mdui-menu-item>
<mdui-menu-item value="14">14</mdui-menu-item>
<mdui-menu-item value="15">15</mdui-menu-item>
<mdui-menu-item value="16">16</mdui-menu-item>
<mdui-menu-item value="17">17</mdui-menu-item>
<mdui-menu-item value="18">18</mdui-menu-item>
<mdui-menu-item value="19">19</mdui-menu-item>
</mdui-select>
</html>
后续会进行优化,你可以先自行添加 CSS 限制菜单高度:
mdui-select::part(menu) {
height: 256px;
overflow: auto;
}
后续会进行优化,你可以先自行添加 CSS 限制菜单高度:
mdui-select::part(menu) { height: 256px; overflow: auto; }
感谢回复