Почему кнопка вылезла за предел родителя?

Максим, ну в таком случае, добавтье блоку ".mebelbox" нижний падинг равный высоте тени.

.mebelbox {
  ......
  padding-bottom: 4px;
}

Как сделать плавное появление блока на нативном JavaScript-е?

Ankhena, а вот код автора с моими правками (добавил комментарии в css) https://codepen.io/YavaDev/pen/mdrPbGO
И все прекрасно работает, модальное окно плавно открывается и закрывается.
А также когда модальное окно скрыто, я никак не могу с ним взаимодействовать, даже когда у него z-index 10000 и более.
И в моем коде нет лишних строк.

А еще я тут подумал, а если бы я написал transition: all 1s linear;, то все работало точно так же, но зато скорее всего не было бы всей этой переписки.

Как сделать плавное появление блока на нативном JavaScript-е?

Ankhena,

успеть повзаимодействовать вы можете только в когда блок видим или в момент анимации

Нет, даже когда прозрачность 0 я могу выделить текст, нажать например ctrl+c и вставить скопированный текст в другом месте.
А вот свойство visibility как раз и исключает такую возможность.

Собственно и вопрос автора про имитацию hide и show, а не просто fadein/fadeout.

А когда блок имеет position: fixed;, как в данном случае с модальным окном, или position: absolute;, тогда мой способ на все 100% как раз и имитирует hide и show, а не просто fadein/fadeout

Как сделать плавное появление блока на нативном JavaScript-е?

Ankhena, отлично, при ховере появился блок. Только вот когда его как бы нет, я могу с ним взаимодействовать и в вашей песочнице з-индекс вам не помог убрать под боди (думаю в этом была задумка).
Вот скрин, курсор увел куда-то вниз, далее убрал в девтулз прозрачность, а выделить текст я все равно могу.

Как сделать плавное появление блока на нативном JavaScript-е?

Ankhena, а вы зайдите в песочницу и попробуйте удалить эту строчку - "visibility 1s linear". Без неё блок будет плавно появлятся, а исчезать будет уже не плавно.

Как сделать плавное появление блока на нативном JavaScript-е?

Ankhena,

что visibility прекрасно анимируется

Такого я не писал.
Я написал следующее:

хорошо анимируется opacity и visibility

Это значит, если вместо display использовать visibility, тогда будет плавная анимация появления блока, чего и хотел автор вопроса.
Ну и как бонус, будет еще и плавно исчезать.

Как сделать плавное появление блока на нативном JavaScript-е?

Ankhena, а зачем вам средние состояния visibility между hidden и visible?

Можно ли создать такой же эффект в swiper?

Как сделать такой слайдер (в виде стопки) на Swiper?

Как реализовать паралакс эфект для блоков с контентом, чтобы они при скролле частично заезжали друг на друга?

Что то типа такого?
https://scrollmagic.io/examples/advanced/parallax_...

Как позиционировать по центру?

darkglare, надо видеть верстку, залейте на хостинг или в крайнем случае в песочницу https://codepen.io/. Сюда скидывать код не нужно.

Как позиционировать по центру?

darkglare, в 4 версии должно работать. Тогда, что бы понять почему не работает, надо видеть код. Без этого никак не помочь.

Как позиционировать по центру?

darkglare, это не решение, это костыль, так как размеры экрана у всех разные.
Еще такой вопрос, а какая версия Bootstrap у вас?

Как позиционировать по центру?

darkglare, да, верно.
Вот https://codepen.io/YavaDev/pen/dyXrVVX у меня же работает.
Если у вас не работает, значит, скорее всего, ваши стили перебивают стили бутсрапа. В таком случае надо смотреть ваш код.

Почему не инициализируются slick слайдеры на странице?

Вы скорее всего используете бесплатную версию слик слайдера, где есть ограничение на количество слайдеров на одной странице.
А если серьезно, то, что бы ответить на вопрос, надо увидеть код.

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

Какая форма? Та которая находится в модальном окне? Тогда сделайте так, что бы скролилось содержимое модального окна.

Как реализовать эффект/анимацию для картинки "underwater"?

Вот https://tympanus.net/codrops/2020/03/17/create-a-w...

Как сделать кликабельный блок только на мобайл-версии?

Александр Осадчий, как вариант, добавьте еще одну ссылку без текста внутрь блока item, которая будет вести на страницу новости. А дальше в моб версии с помощью медиа запросов задайте ей position: absolute; и сделайте так, что бы ссылка перекрывала весь контент блока item.

Как добавить новое поле, для формы добавления рубрики?

Укажите тип поля "Выбор (select)".
А как правильно все дальше настроить написано в документации.

Как добавить новое поле, для формы добавления рубрики?

Условие должно быть такое:
Таксономия -> равно -> рубрика

Polylang и Acf при создании поля не копирует в другой язык?

WebforSelf, cкриншот сделал по быстрому, что бы показать, что можно в условиях прикрепить несколько страниц. Так, что вы правы, надо условие "ИЛИ", а не "И".

То есть поля одинаковые?

Да, одна группа полей для разных категорий/страниц.
Просто привяжите свою группу "Основные" к англоязычной странице, а группу "Main" отвяжите.

а при переключении языка нормально?

Да, все будет хорошо)

а зачем тогда флаги возле группы полей?

А вот этого я не подскажу, над проектом работал год назад и тогда у меня этих флагов в ACF не было. Может после обновлений эти два плагина теперь могут работать вместе.