amp-img в amp-user-уведомлении не будет отображаться при загрузке страницы
Я пытаюсь добавить значок в компонент уведомления пользователя-усилителя. Однако при загрузке страницы amp-img не отображается. Если я прокручиваю страницу вниз и обновляю, изображение загружается. Это также происходит, если я прокручиваю вниз, а затем изменяю размер экрана.
Я изменил тип макета уведомления пользователя-усилителя на "отзывчивый", но это не проходит проверку (из-за того, что он не является принятым типом).
<amp-user-notification layout="nodisplay" id="event-bank-holiday" data-show-if-href="api/contactandhelp/get/event-bank-holiday" data-dismiss-href="api/contactandhelp/set/event-bank-holiday" data-persist-dismissal="false" class="alert theme--purple i-amphtml-element i-amphtml-layout-nodisplay amp-active" role="alert" i-amphtml-fixedid="F2" style="">
<div>
<span class="alert__icon">
<span class="alert__icon__inner">
<amp-img src="-/prefix/media/icons/alert-icons/bank-holiday.svg?h=40&w=40&hash=E3BFFD6190E698681D14FD8A35A0EE011B730964" width="40" height="40" alt="bank holiday icon" layout="responsive" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined">
<i-amphtml-sizer style="padding-top: 100%;"></i-amphtml-sizer>
</amp-img>
</span>
</span>
</div>
</amp-user-notification>
Код перед рендерингом
<amp-user-notification
layout="nodisplay"
id="event-bank-holiday"
data-show-if-href="https://[...]/api/contactandhelp/get/event-bank-holiday"
data-dismiss-href="https://[...]/api/contactandhelp/set/event-bank-holiday"
data-persist-dismissal="false" class="alert theme--purple">
<div>
<span class="alert__icon">
<span class="alert__icon__inner">
<amp-img src="-/prefix/media/icons/alert-icons/bank-holiday-white.svg?h=40&w=40&hash=E3BFFD6190E698681D14FD8A35A0EE011B730964" width="40" height="40" alt="bank holiday icon" layout="intrinsic" />
</span>
</span>
</div>
</amp-user-notification>