Safari — hover out problem
При наведении на блок c overflow:hidden;
отображается не поместившееся содержимое — overflow:visible;
при этом этому блоку добавляется position:absolute;z-index:200;
(при наведении на карточку товара показываем больше информации о нем)
Проблема в Safari в следующем: после того как убираем мышь — не поместившееся содержимое не исчезает.
Решаем с помощью jquery:
$(document).ready(function(){ $('#content').css('height',$('#content').height()); $('.catalog_item').on('mouseleave',function(){ $(this).parents(".catalog_container").hide().show(0); }); });
Вначале устанавливаем родительскому блоку с контентом статическую высоту чтобы страница не дергалась при перерисовке .catalog_container
Затем перерисовываем родительский элемент.
На основе: http://stackoverflow.com/questions/31587890/safari-on-mac-not-updating-redrawing-after-hover-effect