Skip to content

Menu Group: Title styling #1440

@tlabaj

Description

@tlabaj

Enhancements

  • The menu group title's styling is very similar to the selectable items in the menu. This can be confusing to the user as they think the title is selectable.
    OCM recently upgraded to PF 6 and reported the issue. They said, when viewing drop-down menus, it is difficult to distinguish between un-selectable group titles and selectable items. They said they appear nearly identical until hovered over, which takes 1-2 seconds or doesn't occur with quick mouse movements. Additionally, the tooltip of a selectable item often covers the unselectable item above it, causing a flickering effect making it hard to figure out what is going on. They report that the thought the titles were disabled items initially

In the attached image the "us-east..." are unclickable titles and "dev-ui-subnet..." as selectable items. The

Image

This issue is also present in PatternFly's examples
https://www.patternfly.org/components/menus/menu/html#with-titled-groups
https://www.patternfly.org/components/menus/menu#menugroup

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Status

    Needs triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions