react-select菜单滚动问题：仅在菜单外滚动时关闭菜单

直接设置closeMenuOnScroll={() => true}会导致菜单内部滚动也触发关闭，要实现「仅外部滚动关闭菜单、内部滚动正常浏览」的需求，你需要通过判断滚动事件的目标元素来动态返回结果：

<Select
  options={options}
  onChange={handleChange}
  closeMenuOnScroll={(event) => {
    // 检测滚动元素是否是react-select的菜单列表容器
    const isMenuScroll = event.target.classList.contains('react-select__menu-list');
    // 菜单内滚动返回false（不关闭），外部滚动返回true（关闭）
    return !isMenuScroll;
  }}
/>

原理说明：react-select的菜单滚动区域默认带有react-select__menu-list类名，通过这个类名可以区分滚动事件是来自菜单内部还是外部。当滚动源是菜单列表时，返回false阻止菜单关闭；其他场景（比如页面整体滚动）返回true，触发菜单关闭逻辑。

内容的提问来源于stack exchange，提问作者Sanket Jadhav