The Antd Select scrolls a page not a drop down

Viewed 17

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

Video

0 Answers
Related