Why does it behave strangely when the cursor goes out of the slider area?

Question

css

Hello, I observe here the strange behavior of the slider on the page: annamd.mildes.ru/object

When you click on a round object, a slider opens. About shows, everything is ok. BUT IF THE MOUSE IS MOVED OUT OF THE SLIDER, for example: over the area of ​​the site, to the edge of the screen, etc. his strange behavior is then observed, he collapses.

Help who can, already there are no thoughts and I don’t understand the reason

Answer 1

The problem occurs on the .link_block_div element , it has a saturate css filter applied to it which breaks position: fixed .
As a solution, remove the filter, and imitate the saturate effect with a b/w image or make a sprite from the b/w and color version, and change the background-position .
There is one more unpleasant moment when closing the circles with pictures go to the left. This happens when the slider is closed. The .content -2 block in the script is given the inline style display: block .
The solution is to add !important to the display: flex of the .content-2 block, this will solve the problem, but not the most beautiful solution, it's better to figure out where it comes from.