Как узнать что верхняя часть экрана перекрыта всплывающим окном?

[kuzkuz]

Пожалуй, мой самый сложный вопрос. Не решаемый для меня уже долгие дни.
Вопроса даже 2.

1. Как узнать что верхняя часть экрана перекрыта всплывающим окном?
2. Как узнать что нужный элемент доступен в качестве всплывашки и нет необходимости скроллить сайт до самого верха?

ps что что здесь в желтой тонировке - всплывашка, которая изначально находится в начале сайта.

ps

XPATH> //input[@placeholder='Поиск']

После скролла показывает что до позиции элемента 2400 пикс (условно), хотя всплывашку проверкой подсвечивает, то есть код верный, но скроллить так высоко вовсе нет необходимости!

[FastSpace]

@kuzkuz
Можно так
https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
Или так
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

По второму вопросу получи тип фиксакции элемента
https://developer.mozilla.org/en-US/docs/Web/CSS/position

[kuzkuz]

@FastSpace said in Как узнать что верхняя часть экрана перекрыта всплывающим окном?:

@kuzkuz
Можно так
https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
Или так
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

По второму вопросу получи тип фиксакции элемента
https://developer.mozilla.org/en-US/docs/Web/CSS/position

Буду пробовать разбираться.
По второму вопросу ещё такое уточнение - выпадашка может не выпасть и её нет.
Спасибо. Мельком глянул - для меня это жуть как сложно понять!

[Alex84]

spoiler

[kuzkuz]

@Alex84 said in Как узнать что верхняя часть экрана перекрыта всплывающим окном?:

spoiler

spoiler

[DuckDuck]

 >XPATH> /html[@class="js"]/body[@class="fixed"]/div[@class="top-panel fixed"]

[kuzkuz]

@DuckDuck said in Как узнать что верхняя часть экрана перекрыта всплывающим окном?:

 >XPATH> /html[@class="js"]/body[@class="fixed"]/div[@class="top-panel fixed"]

Вы серьезно? У меня как раз это так и прописано! в моем скрипте!
Но! У вас другой код элемента, вы взяли код который является атрибутом именно этого "всплывающего" элемента.
А у меня в коде - универсальный, который является атрибутом исходного элемента (не всплывашки), но так же подходит и для всплывашки!

ps конечно, как одно из решений вопроса №2 - оно может подойти. Но я ищу универсальное решение. Спасибо

[DuckDuck]

@kuzkuz любое всплывающее окно - содержит оверлей (он будет в z-index) или элемент который видно только когда оно всплыло. Проверку делайте по этому элементу, а дальше кликайте уже по строке поиска.
Или если оно мешает можно просто его убить, на форуме Фокс показывал как.

[kuzkuz]

@DuckDuck said in Как узнать что верхняя часть экрана перекрыта всплывающим окном?:

@kuzkuz любое всплывающее окно - содержит оверлей (он будет в z-index) или элемент который видно только когда оно всплыло. Проверку делайте по этому элементу, а дальше кликайте уже по строке поиска.
Или если оно мешает можно просто его убить, на форуме Фокс показывал как.

Как убрать окна - я знаю. Вопрос №1 заключался не в том, как убрать, а в том как проверить что что то есть???
На моем пациенте - код у блоков - один в один, так что ваш пример хороший, но не канает для моего пациента! (по вопросу №2). [задачу по вопросу №2 решил! Но решение так себе! ]