Метод Window.getComputedStyle() возвращает объект, содержащий значения всех CSS-свойств элемента, полученных после применения всех активных таблиц стилей, и завершения базовых вычислений значений, которые они могут содержать. Некоторые CSS-свойства доступны через API, предоставляемые объектом, или индексацию по именам CSS-свойств.
function closeAccordion (accordion) {
// ... <= до вызова функции высота "auto"
accordion.style.height = `${accordion.scrollHeight}px` // Устанавливаем высоту
window.getComputedStyle(accordion, null).getPropertyValue('height') // Провоцируем вычисление новых изменений
accordion.style.height = '0' // Устанавливаем высоту
// ... => после выхода из функции рендер видит, что высота была Npx, стала 0px => запускает анимацию
}1) Работает ли это во всех браузерах?
2) Всегда ли он будет срабатывать?
<dialog class="popup">
<div class="layer">
...
</div>
<dialog>document.querySelector('.layer').addEventListener('click', (e) => e.stopPropagation());
document.querySelector('.popup').addEventListener('click', (e) => e.target.close());Вследствие этого у меня возник вопрос: что это за код, почему код такого типа есть на всех сайтах и за что он, собственно, отвечает?
$('#phone').on('open:countrydropdown', function() {
$(this).removeAttr('maxlength');
})placeholder = this._beforeSetNumber(placeholder); // Line: 1023return this._cap(number); // Line: 1207 в котором обрезается placeholder
но от меня требуют чтобы псевдо закрывал только фон
.start__image:after {
pointer-events: none;
touch-action: none;
}<header>
<div class="container">
<a class="logo">
<img src="">
</a>
<button class="close"/>
<nav>
<ul></ul>
</nav>
</div>
</header>display: flex; flex-flow: row wrap; justify-content: space-between;flex: 100%; text-align: center;