Long Menu not accessible on Chrome

When a Menu list extends beyond the bottom of the screen clicking on any item after scrolling down the menu does not select the item, but rather snaps the menu list back to the top.

This is observed only on Chrome only. I tested on Chrome Version 80.0.3987.163 (Official Build) (64-bit). The menu seems to work fine on Firefox and Safari.

Expected Behavior

Behavior of Menu on Chrome should match Firefox and Safari.

Steps to Reproduce

Create a long menu. Clicking on an initially visible item works. However, try to scroll the menu and click on an element at bottom and it will not be selected.

export function MenuTest(props) {

    const [item, setItem] = useState(1)

    const menuItems = []
    for (let i=0; i<100; i++) {
        menuItems.push({label: i+1, onClick: () => setItem(i+1)})
    }

    return (
        <Box>
            <Box direction={'row'}>
                <Text>Lower menu not acessible</Text>
                <Menu
                    label={item}
                    items={menuItems}
                />
            </Box>

        </Box>

    )
}

[IanKBovard]

[IanKBovard]

Just tested, #4096 addresses the issue. This can be closed.