Сдвиг страницы при появлении скролла?

Не знаете, может есть способ заставить firefox сделать то же самое? can i use расстроил только.

Сдвиг страницы при появлении скролла?

Очень благодарна, вы помогли одним свойством решить аналогичную проблему! Спасибо огромное, хорошо, что Вас нашла)

Как по наведению на элемент проверить наличие дочернего элемента с определенным классом?

Ivan Bogachev, хотела узнать о возможности решения без js, только средствами css.

Как по наведению на элемент проверить наличие дочернего элемента с определенным классом?

спасибо, в идеале хотела узнать о возможности обращения из css.
если такой возможности нет, нужно менять условия.

Как по наведению на элемент проверить наличие дочернего элемента с определенным классом?

Задача не совсем полная, так как присутствие ссылки в элементе списка зависит от действий пользователя.
Поэтому решить задачу с помощью модификаторов, к сожалению, невозможно :(

Как вызвать проверку на ширину экрана при клике?

Сергей delphinpro, не знала, как правильно написать, чтобы работало. Спасибо.

Как вызвать проверку на ширину экрана при клике?

goshaLoonny, нужно, чтобы при клике проверялось изменение разрешения, и если условие верно, (ширина менее или равна 1023) скрывались элементы burger и logo именно при клике на openSearch.

window.addEventListener('DOMContentLoaded', () => {
const openSearch = document.querySelector('#open-search');
const inputSearch = document.querySelector('#input-search');
const closeSearch = document.querySelector('#close-search');

const burger = document.querySelector('.menu__button');
const logo = document.querySelector('.header__logo');

window.addEventListener('resize', () => {
const viW = Math.max(
document.documentElement.clientWidth,
window.innerWidth || 0
);

if (viW <= 1023) {
burger.style.display="none";
logo.style.display="none";
}
});


openSearch.addEventListener('click', () => {
openSearch.setAttribute('type', 'submit');
inputSearch.classList.remove('input-collapsed');
closeSearch.classList.remove('search-form__close');
window.dispatchEvent(new Event('resize')); // Это эмулирует событие
});

// при клике на закрытие элемента поиска лого и бургер возвращаются обратно

closeSearch.addEventListener('click', () => {
inputSearch.classList.add('input-collapsed');
closeSearch.classList.add('search-form__close');
burger.style.display="block";
logo.style.display="block";
});
})

Как вызвать проверку на ширину экрана при клике?

goshaLoonny, если я задаю нужные мне действия - элементы скрываются и не при клике.

window.addEventListener('resize', () => {
const viW = Math.max(
document.documentElement.clientWidth,
window.innerWidth || 0
);
// что происходит, когда условие верно

if (viW <= 1023) {
burger.style.display="none";
logo.style.display="none";
}
});


openSearch.addEventListener('click', () => {
openSearch.setAttribute('type', 'submit');
inputSearch.classList.remove('input-collapsed');
closeSearch.classList.remove('search-form__close');
window.dispatchEvent(new Event('resize')); // Это эмулирует событие
});

все же правильно?

Как вызвать проверку на ширину экрана при клике?

MashutaKlencheva, грубо говоря, если ширина экрана менее или равно 1023, я должна найти и скрыть некоторые элементы навигации именно при клике на openSearch.

Как вызвать проверку на ширину экрана при клике?

goshaLoonny, спасибо, что откликаетесь) Смотрите. Мне нужно чтобы функция tada запускала проверку при клике на кнопку openSearch. Не просто проверяла, а проверяла при клике. Если условие истинно, someelement нужно скрыть. если нет - не делать ничего.

Как вызвать проверку на ширину экрана при клике?

Или может наоборот - если true - снова обработчик событий при клике на кнопку, и затем нужное действие с элементом, который необходимо скрыть?

Как вызвать проверку на ширину экрана при клике?

Я имею самое общее представление о языке, а задачу решить надо. Поэтому такие общие конструкции использую, стрелочные просто не знаю...) Ваш пример прописывает tada в консоли именно тогда, когда нужно! Мой же - постоянно, при любых условиях.

Подскажите, как теперь ввести функцию при клике на openSearch? Можно ли просто вставить данную функцию внутрь обработчика событий?

Как вернуть scroll сайту, при закрытом меню?

Решение работает, премного благодарна!

Как вернуть scroll сайту, при закрытом меню?

А что означают знак вопроса и двоеточие перед скроллоками? Я первый раз такое встречаю.

Как сделать цвет кнопки?

Не совсем понятно, что вы хотите. Приложите код хотя бы

Залить svg свойством fill?

Да, догадалась уже, спасибо!)

Залить svg свойством fill?

Я по-иному прописала путь, думаю, вопрос снят.
.tooltip-btn:hover .tooltip-icon {
fill: pink;
}

Залить svg свойством fill?

ambisinister One, спасибо, этот вариант изменит ситуацию по дефолту, а мне нужно по ховеру.

Как заставить элемент svg плавно изменить цвет по hover?

Благодарю!!

У псевдоэлемента кнопки нет cursor pointer при наведении, как исправить?

Ankhena, вынести стрелку было неудачным решением. Я остановилась на том, что добавила кнопке внутренний отступ справа, поместив туда стрелку. Поинтер ивентс убрала. Теперь все работает, в том числе хорошо стилизуются различные состояния по макету. Сама разметка была корявая, признаю.