v2 版本 mdui-select 组件中 mdui-menu-item 过多时没有滚动条

marioplus commented 3 weeks ago

感谢查看我的问题，我在使用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>

zdhxiong commented 3 weeks ago

后续会进行优化，你可以先自行添加 CSS 限制菜单高度：

mdui-select::part(menu) {
  height: 256px;
  overflow: auto;
}

marioplus commented 3 weeks ago

后续会进行优化，你可以先自行添加 CSS 限制菜单高度：
mdui-select::part(menu) {
  height: 256px;
  overflow: auto;
}

感谢回复

zdhxiong / mdui

v2 版本 mdui-select 组件中 mdui-menu-item 过多时没有滚动条 #317