Клуб пользователей блока «Поделиться»

Всплывающее окно (ya-share2__popup) должно создаваться внутри (body), а не внутри (li)

kurts-2015
11 января 2016, 20:03

Здравствуйте.

При нажатии на кнопку "..." открывается всплывающее окно (ya-share2__popup) со списком остальных социальных сетей. Проблема в том, что это окно вы создаёте в том же элементе списка (li), в котором находится кнопка-ссылка "...".

В итоге имеют место следующие 2 серъёзные проблемы:

1) Если родительский блок (внутри которого располагается блок "Поделиться") имеет свойство (overflow: hidden), то это самое всплывающее окно "обрезается" родительским блоком.

2) Не смотря на то, что всплывающее окно (ya-share2__popup) имеет свойство (z-index: 9999), оно располагается всегда ПОД элементами, которые:

- расположены за пределами блока "Поделиться"
- и имеют явно указанный (z-index) с любым значением

А происходит это из-за того, что (z-index: 9999) у (ya-share2__popup) распространяет своё действие только на свой контекст наложения (который ограничен блоком "Поделиться"):
http://habrahabr.ru/post/166435/

 

Для решения этих проблем прошу в кратчайшие сроки реализовать создание всплывающего окна (ya-share2__popup) не внутри последнего элемента списка, а непосредственно внутри (body). Именно так сделано в других аналогичных сервисах (и соответственно, озвученных проблем у них нет).

--------------------------------------------------------------------------------------------------

А до того, пока обозначенная проблема не будет устранена, прошу предоставить временный "костыль" с использованием вашего API.

Пока работающий "костыль" мне реализовать не получилось. При простом перемещении (после инициализации блока "Поделиться") всплывающего окна (ya-share2__popup) из (li) в конец (body):

$(share).find('.ya-share2__popup').appendTo('body');

- кнопка "..." перестаёт работать (работает как ссылка на главную страницу сайта)
- у социальных сетей внутри всплывающего окна (ya-share2__popup) (если в firebug сделать его видимым) не отображаются иконки

Спасибо.

5 комментариев
Подписаться на комментарии к посту

Добрый день! Спасибо за сообщение о проблемах. Отправил всё разработчикам, пристально смотрим, ищем причины. 

Подскажите, есть ли какие-нибудь подвижки в решении данной проблемы, так как она до сих пор актуальна?
funtick2016,
Ох, добрались, наконец.
Вынос попапа активируется опцией data-popup-position="outer".
sameoldmadness,
Все отлично работает, спасибо!
sameoldmadness
22 мая 2016, 11:30
Задача поставлена в разработку, но мы до неё ещё не добрались. Думаю, подвижки будут в течение пары недель.