umicro / uView

uView UI,是uni-app生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水
MIT License
4.08k stars 769 forks source link

u-dropdown__content 高度未根据 active 状态变化,导致下面的元素无法点击 #1239

Closed RJM1996 closed 2 years ago

RJM1996 commented 2 years ago

版本

1.8.6

转载链接

http://192.168.0.101:8080/

重现步骤

u-dropdown 使用 fixed 定位

期望的结果是什么?

下拉菜单未展开时,u-dropdown__content 高度置为0

实际的结果是什么?

下拉菜单未展开时,u-dropdown__content 高度不为0,导致下面的元素不能点击

解决建议

image
RJM1996 commented 2 years ago

分享一种不入侵源码的解决方法 在 open 和 close 事件触发时,动态修改 u-dropdown 组件的 contentHeight 属性即可

image
xintianyou commented 2 years ago

干得漂亮

xintianyou commented 2 years ago

用这个方法,在真机上刚进入页面时还是会有一层覆盖的,要点击一下屏幕才消失

xintianyou commented 2 years ago

@xintianyou mounted延时10ms,真机上解决了