Nested dropdown in menu is not scrollable

[Novica19]

When creating a custom menuList and placing a simple dropdown within it, the dropdown does not respond to mouse scrolling (onWheel)

[jamir0]

Hi, I have the same issue and fixed my case with this:

const MenuList = <
  Option extends BaseOption,
  IsMulti extends boolean,
  Group extends GroupBase<Option>
>(props: MenuListProps<Option, IsMulti, Group>) => {
  const {
    children,
    isMulti,
    className,
    innerProps
  } = props;

  return (
    <div
      data-role="menuList"
      onScroll={innerProps.onScroll} // <-- here
      className={classNames(
        styles['select-menu-list'],
        {
          'menu-list': true,
          'menu-list--is-multi': isMulti
        },
        className
      )}
    >
      {children}
    </div>
  );
};