В то время как этот вопрос ссылается на Drift , предварительные знания этого плагина не требуются, поскольку по сути это просто проблема CSS.Короче говоря, это виджет чата, который использует автоматически вставленный iframe для предоставления своих услуг (и это абсолютная боль для применения пользовательской позиции).
Справочная информация
Недавно я установил плагин чата на сайт моего клиента (работает на Drift).После долгих мучительных попыток применить нестандартную позицию к iframe, мне наконец-то удалось установить ее правильно (или настолько, насколько это возможно).
Причина, по которой она так болезненнаэто просто потому, что Drift перемещает и изменяет размеры, он содержит iframe на основе многочисленных, очень странных, факторов, поэтому их необходимо отслеживать.изменяет размеры он содержит iframe в соответствии с его содержимым.Однако иногда содержимое и вычисленная высота не совпадают, и у нас остается iframe намного больше, чем нужно, но из-за его функциональности он должен иметь более высокое значение z-index, чем что-либо еще на странице,таким образом, iframe создает большой «мертвый» патч, через который не может пройти pointer-events.
Примите во внимание следующее:
Может кто-нибудь предложить способ, которым я могу хранить события указателя элементов в Drift iframe (красный прямоугольник), но также позволять проходить событиям указателя в областях iframe, в которых нет содержимого(желтая область)?
Проблема (Обновлено)
Обратите внимание, что красный прямоугольник на изображении представляет iframe, , а не a, содержащий div. т.е. игнорировать мою аннотацию
Что я пробовал
Я поиграл с различными значениями для pointer-events, но мне не повезло.Я думал, что что-то вроде pointer-events: visiblefill; будет работать, но, к сожалению, это совместимо только с SVG ...
Мое последнее решение - переопределить вычисленную высоту Drift iframe, но это крайнегрязный, и я не могу быть уверен, что моя расчетная высота будет правильной, поэтому виджет может выглядеть ужасно.