• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to have multiple stateful components together that all react to hover?

New Here ,
Nov 19, 2019 Nov 19, 2019

Copy link to clipboard

Copied

Let's say I'm designing a table. When the user hovers a table row, it get's highlighted. There is a button inside each table row, that only appears when hovering the row. Obviously, if you hover on that button, it gets a hover state.
 
How do I do that?
 
I can have table rows react to hover states and buttons, but not not both. If I hover the button that appeared due to hovering the table row, the button doesn't respond to hovering.
TOPICS
How to

Views

171

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 19, 2019 Nov 19, 2019

Copy link to clipboard

Copied

LATEST

I don't think it's possible, for some reason at the moment stacked hover states seem to be cancelled out.
So once your row is activated by the hover state this prevents the button hover state from activating.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines