Cascader 在 微信小程序中真机中内部数据无法滚动

[wanghaha999]

NutUI React 包名

@nutui/nutui-react-taro

NutUI React 版本号

3.0.19-cpp.25

平台

weapp

重现链接

https://codesandbox.io/p/devbox/sweet-water-w6kc22

重现步骤

import React, { useEffect, useState } from "react";
import { Cascader, Cell, CascaderOption } from "@nutui/nutui-react-taro";

const Demo1 = () => {
const [visible, setVisible] = useState(false);
const [value, setValue] = useState([]);
const [options, setOptions] = useState<CascaderOption[]>([]);
const onChange = (value: any, path: any) => {
setValue(value);
};
useEffect(() => {
setTimeout(() => {
setOptions([
{
value: "ZheJiang",
text: "浙江",
children: [
{
value: "HangZhou",
text: "杭州",
disabled: true,
children: [
{ value: "XiHu", text: "西湖区", disabled: true },
{ value: "YuHang", text: "余杭区" },
{ value: "XiHu1", text: "西湖区1", disabled: true },
{ value: "YuHang1", text: "余杭区1" },
{ value: "XiHu2", text: "西湖区2", disabled: true },
{ value: "YuHang2", text: "余杭区2" },
{ value: "XiHu3", text: "西湖区3", disabled: true },
{ value: "YuHang3", text: "余杭区3" },
{ value: "XiHu4", text: "西湖区4", disabled: true },
{ value: "YuHang4", text: "余杭区4" },
{ value: "XiHu5", text: "西湖区5", disabled: true },
{ value: "YuHang5", text: "余杭区5" },
],
},
{
value: "WenZhou",
text: "温州",
children: [
{ value: "LuCheng", text: "鹿城区" },
{ value: "OuHai", text: "瓯海区" },
],
},
],
},
{
value: "湖南",
text: "湖南",
disabled: true,
children: [
{
value: "长沙",
text: "长沙",
disabled: true,
children: [
{ value: "芙蓉区", text: "芙蓉区" },
{ value: "岳麓区", text: "岳麓区" },
],
},
{
value: "岳阳",
text: "岳阳",
children: [
{ value: "岳阳楼区", text: "岳阳楼区" },
{ value: "云溪区", text: "云溪区" },
],
},
],
},
{
value: "福建",
text: "福建",
children: [
{
value: "福州",
text: "福州",
children: [
{ value: "鼓楼区", text: "鼓楼区" },
{ value: "台江区", text: "台江区" },
],
},
],
},
]);
}, 300);
}, []);
return (
<>
<Cell
title="选择地址"
description={value.length ? value.join(",") : "请选择地址"}
onClick={() => {
setVisible(true);
}}
/>
<Cascader
popupProps={{
className: "cascader-popup",
}}
visible={visible}
value={value}
title="选择地址"
options={options}
closeable
onClose={() => {
setVisible(false);
}}
onChange={onChange}
/>
</>
);
};
export default Demo1;

期望的结果是什么？

内部可以数据滚动

实际的结果是什么？

在微信小程序真机中内部数据无法滚动

环境信息

No response

其他补充信息

No response

[wanghaha999]

          value: "HangZhou",
          text: "杭州",
          disabled: true,  去掉 disabled

[wanghaha999]

#1649 这里面有解决方法，我真服了，是小程序没人用吗，这么致命问题