Полный календарь сократился при скрыте начального дисплеяCSS

Разбираемся в CSS
Anonymous
Полный календарь сократился при скрыте начального дисплея

Сообщение Anonymous »

Я испытываю ошибку в полной библиотеке календаря (с помощью угловой), когда календарь изначально скрыт (используя дисплей: none).

Как показано на изображении, все каленчат. Просто запустите событие изменения размера окна вручную (когда предполагается, что календарь будет видна (это больше похоже на обходной путь). < /p>

Код: Выделить всё

  triggerResize() {
setTimeout(function () {
window.dispatchEvent(new Event('resize'));
}, 1);
}
< /code>
Вот ссылка на Stackblitz (раздвоенный от официальной демонстрации Fullcaldendar), которая иллюстрирует ошибку.
Я только что добавил «скрытый» флажок (проверенный по умолчанию). Добавляет класс «скрыт» к родительскому дел.// this.triggerResize();
.
https://stackblitz.com/edit/github-mwas ... mponent.ts

Подробнее здесь: https://stackoverflow.com/questions/796 ... -is-hidden

Вернуться в «CSS»