Dynamic Hover States
I am working on a drag and drop activity where learners put stars on a grid based on how they wish to rate the items the stars represent. The learner sees the description of each star when they hover over it - a callout box appears to the star's left. However, when they drop it on the left side of the grid, the callout box falls off the screen. How can I set the states such that an item that is dropped on the left side of the grid has the hover state render the callout box on the other side? (ie 2 hover states that conditionally appear depending on where it's dropped).