Тень LitElement root после события загрузки стилей

Question

У меня проблема, мне нужно обработать событие после того, как CSS стили были загружены в мой компонент. Я пытался использовать жизненный цикл лит-элемента, но они запускаются раньше.

Я пытаюсь получить начальную позицию элемента DOM и другие данные, но я получаю начальную позицию, где после загрузки стилей это изменение позиции?

Как заставить стили загружаться первыми или любое событие после загрузки стилей?

Answer 1

Жизненный цикл firstUpdated обычно является тем, что вы ищете:

Вызывается после первого обновления DOM элемента, непосредственно перед вызовом update. Реализация firstUpdated для выполнения одноразовой работы после создания шаблона элемента.

Если ваши элементы все еще загружаются даже после запуска firstUpdated, вы можете подождать другого цикла, чтобы быть в безопасности с :

setTimeout(() => { /* code for checking DOM styles */ }, timeInMilliseconds);

timeInMilliseconds, скорее всего, должно быть только 0, но вам может потребоваться дать ему немного больше времени, потому что ваши стили меняются вне типичных стилей. Это также может иметь место, если у вас есть какие-либо CSS animation или transition, которые могут повлиять на отображение ваших элементов.

Если все вышеперечисленное выглядит правильно, я рекомендую открыть проблему на страница github с освещенным элементом , поскольку она до сих пор активно вносится.