Слушайте сафари, скрывайте отвлекающие предметы ⇐ CSS

[Anonymous]

Мне нужно иметь возможность принять меры, если пользователь Safari использовал новую функцию «скрыть отвлекающие элементы», чтобы удалить модал, который требует взаимодействия с пользователем. < /p>
В надежде, что он По крайней мере, частично, сделано с манипуляциями с DOM, я настроил мутационный наблюдатель для прослушивания изменений. < /p>
console.log("observing")
new bootstrap.Modal($('#fred')).show();
const observer = new MutationObserver((mutations, myInstance) => {
mutations.forEach((mutation, myInstance) => {

console.log(mutation.type, mutation.target.id, mutation.attributeName);
console.log(mutation.target.classList, mutation.target.style)
// myInstance.disconnect()
})
})
observer.observe(document.getElementById('parent-panel'), {
attributes: true,
childList: true,
subtree: true
});
< /code>
Проблема, которая у меня есть, не знает, как Safari реализует функцию. А также память о том, что было скрыто.
Любые идеи/указатели? И, пожалуйста, скажите мне, что появляется в консоли инструментов Dev: -< /p>




div.relative {
position: relative;
width: 400px;
height: 200px;
border: 3px solid #73AD21;
}

div.absolute {
position: absolute;
top: 80px;
right: 0;
width: 200px;
height: 100px;
border: 3px solid #73AD21;
}



document.addEventListener("DOMContentLoaded", () => {
console.log("observing")
const observer = new MutationObserver((mutations, myInstance) => {
mutations.forEach((mutation, myInstance) => {

console.log(mutation.type, mutation.target.id, mutation.attributeName);
console.log(mutation.target.classList, mutation.target.style)
// myInstance.disconnect()
})
})
observer.observe(document.body, {
attributes: true,
childList: true,
subtree: true
})
// document.getElementById("abs").remove()

})




position: absolute;

An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed):

This div element has position: relative;
This div element has position: absolute;






Подробнее здесь: https://stackoverflow.com/questions/794 ... ting-items