iframe error. 'allow' binding for iframe.

Error:

advert-detail-pages_advert-detail-pages_module_ts.js:2 ERROR Error: NG0910: Angular has detected that the allow was applied as a binding to an (used in the 'GalleryIframeComponent' component template). For security reasons, the <code>allow</code> can be set on an <iframe> as a static attribute only. To fix this, switch the <code>allow</code> binding to a static attribute in a template or in host bindings section. Find more at <a rel="noreferrer nofollow" target="_blank" href="https://angular.io/errors/NG0910">https://angular.io/errors/NG0910</a> at ɵɵvalidateIframeAttribute (core.mjs:7209:15) at setElementAttribute (core.mjs:12919:71) at elementAttributeInternal (core.mjs:12910:5) at Module.ɵɵattribute (core.mjs:14522:9) at GalleryIframeComponent_Template (ng-gallery.mjs:846:13) at executeTemplate (core.mjs:12126:9) at refreshView (core.mjs:12011:13) at refreshComponent (core.mjs:13085:13) at refreshChildComponents (core.mjs:11801:9) at refreshView (core.mjs:12061:13) handleError @ core.mjs:9171 (an</p> <p>This happens when I'm trying to add Vimeo embedded link as addIframe() src. My angular project is version ~14.2.6.</p> <h4>What is the expected behavior?</h4> <p>Rendering vimeo embedded link inside gallery.</p> <h4>What is the current behavior?</h4> <p>Angular doesn't allow iFrame insertion most likely because iframes are set like this</p> <pre><code><iframe *ngIf="autoplay; else default" #iframe [attr.loading]="loadingAttr" allowfullscreen **allow** style="border:none" [src]="iframeSrc"> </iframe></code></pre> <h4>What are the steps to reproduce?</h4>  <h4>What is the use-case or motivation for changing an existing behavior?</h4> <p>Angular has changed iFrame sanitation functionality?</p> <h4>Which versions are you using for the following packages?</h4> <p>Angular: 14.2.8 Angular CDK: 14.2.6 Angular CLI: 14 Typescript: 4.8.4 Gallery: 7.1.2</p> <h4>Is there anything else we should know?</h4> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/MurhafSousli"><img src="https://avatars.githubusercontent.com/u/8130692?v=4" />MurhafSousli</a> commented <strong> 1 year ago</strong> </div> <div class="markdown-body"> <p>We don't have a property binding on the <code>allow</code> attribute, it is added as a static attribute! Could you add a reproduction stackblitz?</p> <p><a href="https://github.com/MurhafSousli/ngx-gallery/blob/814a1fc93b859552db1d031c9e04f88f193f0412/projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts#L8-L23">https://github.com/MurhafSousli/ngx-gallery/blob/814a1fc93b859552db1d031c9e04f88f193f0412/projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts#L8-L23</a></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/ma-gamp"><img src="https://avatars.githubusercontent.com/u/16415877?v=4" />ma-gamp</a> commented <strong> 1 year ago</strong> </div> <div class="markdown-body"> <p>It was not static with his version (7.1.2)</p> <p><a href="https://github.com/MurhafSousli/ngx-gallery/blob/f0c89bab374d41590f49d0bca6c736c7019bcbbd/projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts#L8-L13">https://github.com/MurhafSousli/ngx-gallery/blob/f0c89bab374d41590f49d0bca6c736c7019bcbbd/projects/ng-gallery/src/lib/components/templates/gallery-iframe.component.ts#L8-L13</a></p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

MurhafSousli / ngx-gallery

iframe error. 'allow' binding for iframe. #539