Skip to content

Enhancement to support any-hover on the existing hover states #22017

@devadula-nandan

Description

@devadula-nandan

As per the #21724 (review)
below components can benefit with the support of @media (any-hover: hover). avoiding any sticky hover on touch devices.

any-hover applies the hover styles based on the type of input. such that it could handle hybrid setups.
this work needs to be tested in both ways. example - #21724 (comment)

  • Accordion
  • AI label
  • Code snippet buttons
  • Content switcher
  • Data table toolbar buttons
  • Data table rows (?)
  • Date picker calendar buttons
  • File uploader buttons
  • Link (?)
  • Menu buttons (Menu button, Combo button, Overflow menu button)
  • Menu items of Menu (?)
  • Modal buttons
  • Notification buttons
  • Pagination
  • Pagination Nav
  • Password input
  • Popover
  • Progress indicator
  • Slider (?)
  • Structured list rows (?)
  • Tabs
  • Tags
  • Tile
  • Tree view (?)
  • UI shell header items
  • UI shell left and right nav items

This is an estimated list of components from the review. anything that may be missing in this list. can be added here as we find out.
Considering that this is a sev 3 issue, we can also mark it as a community project.

Any item in the list can be converted into an issue and can be worked on.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    Status
    🪆 Needs Refined

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions