Skip to content

3rd level menu items cannot be accessed with mouse scrolling #12489

Open
@eriklharper

Description

@eriklharper

Check existing issues

Actual Behavior

Scrolling with the mouse doesn't work to show and access calcite-menu-items in a long list that renders past the viewport height.

Expected Behavior

Scrolling the mouse when the cursor is above the menu that is larger than the viewport should shift the hidden menu items into view so the mouse can click them.

Reproduction Sample

https://codepen.io/eriklharper/pen/MYaWzvK

Reproduction Steps

  1. Expand West
  2. Expand Southwest
  3. Try to scroll the Southwest menu with the mouse
  4. Notice it is not scrollable but options can be accessed by the keyboard

Reproduction Version

4.3.0

Relevant Info

No response

Regression?

No response

Priority impact

impact - p2 - want for an upcoming milestone

Impact

No response

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/calcite-ui-icons
  • @esri/eslint-plugin-calcite-components

Esri team

Calcite (dev)

Metadata

Metadata

Assignees

No one assigned

    Labels

    0 - newNew issues that need assignment.Calcite (dev)Issues logged by Calcite developers.bugBug reports for broken functionality. Issues should include a reproduction of the bug.impact - p2 - want for an upcoming milestoneUser set priority impact status of p2 - want for an upcoming milestoneneeds triagePlanning workflow - pending design/dev review.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions