The element with the interaction in the parent block with other interaction

Design help Animations & Interactions
1

The element with the interaction in the parent block with other interaction. Is that possible?
http://joxi.ru/KAgk1JgTgYdNBA
http://joxi.ru/E2pVGnEuBwNv3r
http://joxi.ru/nAyBW6vsX4zkdr
https://preview.webflow.com/preview/makebars?preview=7a42e27ddff03a6a93932ca73dd618be

2

Right now it is a bit hard to understand what interaction are you trying to create and what doesn’t work. Could you explain a bit more?

If you have problems with explaining it in English, you can make it in Russian and I will help you translate, so other users could understand.

Also, You can create a separate post on Russian language and just add [Russian] before post name.

Cheers,
Anna

3

Объясняю на русском языке. Есть div блок с классом button-block. Для него установлена анимация: descr - при клике показывать дочерний блок - popup окно с классом descr-block. В этом окне есть кнопка закрытия окна в правом верхнем углу с классом close. При клике на эту кнопку должно закрываться popup окно. Но этого не происходит, так как срабатывает противоположная анимация, установленная для родительского блока - открытие, а не закрытие окна. Регулировка z-index не помогает.

1 Like
4

English translation:

There is div with class “button-block”. It connected to animation “descr” (when it clicked - show the pop-up window with class “button-block”. Inside the “button block”, there is a button “close”, which has its own interaction connected - it should close the pop-up window.
This close interaction doesn’t work, probably because interaction for its parent element is reacting. Changing z-index doesn’t help.

5

If you will change the object, that connected to opening interaction from “button-block” to “button” and inside the interaction change option “limit to nested elements” to “limit to sibling elements”, everything will work properly.

Russian:
Если поменять объект, к которому назначена анимация с “button-block” на “button” и при этом внутри анимации поменять опцию “limit to nested elements” на “limit to sibling elements”, то всё заработает так как надо.

Regards,
Anna

1 Like
6

Thank you very much. I am happy! That helped!

1 Like
7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.