下拉内容限制高度以后级联下拉框样式宽度有问题

收藏

这样该怎么处理呢？
修改高度限制是看其他帖子找到的

.gc-list-control{
max-height: 300px;
overflow:scroll;
}

Richard.Ma · Richard.Ma

测试添加了你那边的css后没有重现问题，麻烦给一个重现问题的demo，我帮你看一下原因

image.png276231688.png

高阳0910 · 高阳0910

Richard.Ma 发表于 2022-12-29 18:18
测试添加了你那边的css后没有重现问题，麻烦给一个重现问题的demo，我帮你看一下原因

主要看级联的下级比如杭州市的下级浦口区

Richard.Ma · Richard.Ma

你是想要限制纵向高度，使用滚动条显示，但是同时横向还可以继续扩展吗（打开二级菜单时），

这个目前可能没有办法实现二级菜单弹出实际也是在一级菜单的div的内部显示的，即使只设置overflow-y: scroll; 一级菜单弹出的div的宽度还是会固定，导致二级菜单没有办法继续向右扩展。如果确实要按照这样去限制高度的话，能做的有限的优化也只能是下面的效果，这样横向滚动条不会显示了

image.png294933165.png

只设置下面的css

.gc-list-control-container{
max-height: 150px;
max-width: 400px;
overflow-y: scroll;
overflow-x:hidden;
}

复制代码

高阳0910 · 高阳0910

Richard.Ma 发表于 2022-12-30 11:45
你是想要限制纵向高度，使用滚动条显示，但是同时横向还可以继续扩展吗（打开二级菜单时），

这个目前可 ...

因为数据多，所以一定是要控制弹出框高度的。我觉得从体验上后期可以优化一下。毕竟下拉选内容只会多不会少。

Richard.Ma · Richard.Ma

嗯，这个问题我会再和研发确认一下看看是否有更好的解决方案，帖子暂时保留处理。有新的进展我在帖子中更新

高阳0910 · 高阳0910

Richard.Ma 发表于 2022-12-30 18:07
嗯，这个问题我会再和研发确认一下看看是否有更好的解决方案，帖子暂时保留处理。有新的进展我在帖子中更新

好的

Richard.Ma · Richard.Ma

本帖最后由 Richard.Ma 于 2023-2-24 12:10 编辑

更新一下，

目前暂时没有其他更好的方案，多级菜单的情况下建议还是不要限制maxheight以及overflow:scroll，按照原样式正常显示。

		自动登录	找回密码
密码			立即注册

[已处理] 下拉内容限制高度以后级联下拉框样式宽度有问题

7 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人