The Chip component's hover doesn't work properly
fhembecker opened this issue · comments
Feedback summary
In the documentation - https://paragon-openedx.netlify.app/components/chip/#clickable-variant - the 'Click Me' chip has a dark background, white text and a pointer mouse when hovered over.
I copied the example code:
<Chip onClick={() => console.log('Click!')}>Click Me
and applied it to a Product Page but the hover effect doesn't happen.
The console.log('Click') works, it's just the hover effect that doesn't happen.
Improvements
We hope that the hover effect will work properly on the Chip, which will be used to indicate a page redirect to the user.
We're hoping to get the same effect from the elements in the 'Related topics' section of the https://www.edx.org/learn/python page, but on this page these elements aren't Chips, they're anchor tags.
Bugs
The hover effect in the Chip component doesn't work in the 'Clickable-variant' - onClick - option.
There is no change to the background color, font color and mouse pointer.
It was identified that in the current code we were using the @edx/paragon v20.45.0 package and the official documentation addresses the @openedx/paragon v22.1.1 package. The problem described occurred due to the difference in packages. There are no problems with the Chip component.