https://community.developer.cybersource.com/t5/cybersource-APIs/Flex-Microform-Field-Load/m-p/90441#M1811 <P>That is because you need to added your localhost url to cstargetorigins configured in your merchant table in your database.&nbsp;</P> Tue, 08 Oct 2024 10:16:37 GMT joseph7797 2024-10-08T10:16:37Z https://community.developer.cybersource.com/t5/cybersource-APIs/Flex-Microform-Field-Load/m-p/89408#M1528 <PRE>"const microform = new Flex(this.captureContext).microform({ styles: this.myStyles }) const securityCodeField = this.microform?.createField('securityCode', { placeholder: '•••' }) securityCodeField?.load('#securityCode-container')"</PRE><P>it load the security code field in higher environment but in lower environment it through the error like&nbsp;<STRONG>Refused to frame '<A href="https://testflex.cybersource.com/" target="_blank" rel="noopener">https://testflex.cybersource.com/</A>' because an ancestor violates the following Content Security Policy directive: "frame-ancestors <A href="https://andersen--stage.sandbox.lightning.force.com&quot;" target="_blank" rel="noopener">https://andersen--stage.sandbox.lightning.force.com"</A>.</STRONG></P><P>even we define the trusted URL as well.&nbsp;</P> Mon, 27 May 2024 12:40:46 GMT https://community.developer.cybersource.com/t5/cybersource-APIs/Flex-Microform-Field-Load/m-p/89408#M1528 chanchalasingh 2024-05-27T12:40:46Z https://community.developer.cybersource.com/t5/cybersource-APIs/Flex-Microform-Field-Load/m-p/90441#M1811 <P>That is because you need to added your localhost url to cstargetorigins configured in your merchant table in your database.&nbsp;</P> Tue, 08 Oct 2024 10:16:37 GMT https://community.developer.cybersource.com/t5/cybersource-APIs/Flex-Microform-Field-Load/m-p/90441#M1811 joseph7797 2024-10-08T10:16:37Z