Я только что провел быстрый тест и могу подтвердить, что запросы контейнеров работают в темах… однако стоит отметить, что с ними сложнее работать, чем с медиа-запросами. Несколько человек из нашей команды изначально были сбиты с толку.
Они не являются просто медиа-запросами для контейнеров, а имеют отдельный набор требований. Главная проблема заключается в следующем:
Ограничение размера отключает возможность элемента получать информацию о размере от своего содержимого, что важно для запросов контейнеров, чтобы избежать бесконечных циклов.
из container-type CSS property - CSS | MDN
Таким образом, вы не можете использовать запрос контейнера для контейнера с динамической шириной. Вы должны задать статическую ширину для контейнера. К сожалению, это значительно ограничивает то, что вы, возможно, ожидали от них.
Вот довольно забавное доказательство концепции, показывающее, что они работают
@media screen and (min-width: 500px) {
.fk-d-button-tooltip {
width: 300px;
background: green;
container-type: inline-size;
}
}
@media screen and (min-width: 1000px) {
.fk-d-button-tooltip {
width: 500px;
background: yellow;
container-type: inline-size;
}
}
@container (min-width: 400px) {
#create-topic {
background: blue !important;
}
}
Контейнер меньше 400px:
Контейнер больше 400px:
