Главная > Mac, Web > Safari — hover out problem

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

Categories: Mac, Web Tags:
  1. Пока что нет комментариев.
Похожие публикации