Highlighted

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

New Here ,
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, Product issue

Views

81

Likes

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

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

New Here ,
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, Product issue

Views

82

Likes

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
Nov 19, 2019 0
Sjaani LATEST
Adobe Community Professional ,
Nov 19, 2019

Copy link to clipboard

Copied

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.

Likes

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
Reply
Loading...
Nov 19, 2019 0