When trying to scroll inside the dropdown menu ONLY on mobile sometimes it scrolls the page.
"antd": "4.22.8",
I use react, but not sure that is related to any FE libraries/frameworks IOS Safari,
const root = createRoot(document.body!);
const options: SelectProps["options"] = [];
for (let i = 0; i < 100000; i++) {
const value = `${i.toString(36)}${i}`;
options.push({
label: value,
value,
disabled: i === 10,
});
}
root.render(
<Select
defaultValue={["a10", "c12"]}
getPopupContainer={(trigger) => trigger.parentElement}
mode="multiple"
options={options}
placeholder="Please select"
style={{ width: "100%" }}
/>
);
Body and html do not have any styles