This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Nir Benita
Posted Jan 16 - Read on Facebook

Hey guys,

I have this prototype, where I have a list of items.

Each item will show additional actions on hover (As seen on the first item in my screenshot), and hovering over these actions should change the opacity.

The problem I'm getting, is that whenever the mouse enters the nested “actions” layers, it freaks out because technically, the mouse has fired a MouseOut on it’s parent.

Has anyone encountered/solved this issue?

3 Comments

Marc Krenn

Can you eventually share your code? It's kinda hard to tell what's going on without seeing your setup.

Or you could try to set it up like this example here:
http://share.framerjs.com/mq77tpemkxpw/ :)

Nir Benita

This is it
about.on Events.MouseEnter, ->
aboutHover.visible = true

about.on Events.MouseOut, ->
aboutHover.visible = false

actions.on Events.MouseEnter, ->
actions.opacity = 1

actions.on Events.MouseOut, ->
actions.opacity = 0.5

Marc Krenn

http://share.framerjs.com/geyfgzqnaq8e/

Using .visible might be problematic in this case as an "invisible" layer won't fire Events like MouseEnter etc.

Read the entire post on Facebook