<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Accept.js - Issues with modal position in Integration and Testing</title>
    <link>https://community.developer.cybersource.com/t5/Integration-and-Testing/Accept-js-Issues-with-modal-position/m-p/64025#M38027</link>
    <description>&lt;P&gt;The Accept.js hosted payment form has two issues:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;1.&amp;nbsp;The modal is displayed off the screen if the browser window has already been scrolled down.&amp;nbsp; This can be fixed by overriding the container css with:&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;PRE&gt;&lt;SPAN&gt;#AcceptUIContainer &lt;/SPAN&gt;{ &lt;SPAN&gt;position&lt;/SPAN&gt;: &lt;SPAN&gt;fixed &lt;/SPAN&gt;&lt;SPAN&gt;!important&lt;/SPAN&gt;&lt;SPAN&gt;; &lt;/SPAN&gt;}&lt;/PRE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;2. When the modal is closed, the browser is scrolled back to the top.&amp;nbsp; Could probably be fixed if there was a hook to preventDefault in the on close, but there does not appear to be any such event.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Are these known issues?&amp;nbsp; Are they being fixed?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;This issue from 12/17 mentions the first item and also that it was being "worked on":&amp;nbsp;&lt;A href="https://community.developer.authorize.net/t5/Integration-and-Testing/Using-accept-js-in-a-single-page-app-react-js/td-p/60744" target="_blank"&gt;https://community.developer.authorize.net/t5/Integration-and-Testing/Using-accept-js-in-a-single-page-app-react-js/td-p/60744&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Have not been able to find any info on the 2nd issue.&lt;/P&gt;</description>
    <pubDate>Sat, 04 Aug 2018 22:59:45 GMT</pubDate>
    <dc:creator>tjmoretto</dc:creator>
    <dc:date>2018-08-04T22:59:45Z</dc:date>
    <item>
      <title>Accept.js - Issues with modal position</title>
      <link>https://community.developer.cybersource.com/t5/Integration-and-Testing/Accept-js-Issues-with-modal-position/m-p/64025#M38027</link>
      <description>&lt;P&gt;The Accept.js hosted payment form has two issues:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;1.&amp;nbsp;The modal is displayed off the screen if the browser window has already been scrolled down.&amp;nbsp; This can be fixed by overriding the container css with:&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;PRE&gt;&lt;SPAN&gt;#AcceptUIContainer &lt;/SPAN&gt;{ &lt;SPAN&gt;position&lt;/SPAN&gt;: &lt;SPAN&gt;fixed &lt;/SPAN&gt;&lt;SPAN&gt;!important&lt;/SPAN&gt;&lt;SPAN&gt;; &lt;/SPAN&gt;}&lt;/PRE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;2. When the modal is closed, the browser is scrolled back to the top.&amp;nbsp; Could probably be fixed if there was a hook to preventDefault in the on close, but there does not appear to be any such event.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Are these known issues?&amp;nbsp; Are they being fixed?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;This issue from 12/17 mentions the first item and also that it was being "worked on":&amp;nbsp;&lt;A href="https://community.developer.authorize.net/t5/Integration-and-Testing/Using-accept-js-in-a-single-page-app-react-js/td-p/60744" target="_blank"&gt;https://community.developer.authorize.net/t5/Integration-and-Testing/Using-accept-js-in-a-single-page-app-react-js/td-p/60744&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Have not been able to find any info on the 2nd issue.&lt;/P&gt;</description>
      <pubDate>Sat, 04 Aug 2018 22:59:45 GMT</pubDate>
      <guid>https://community.developer.cybersource.com/t5/Integration-and-Testing/Accept-js-Issues-with-modal-position/m-p/64025#M38027</guid>
      <dc:creator>tjmoretto</dc:creator>
      <dc:date>2018-08-04T22:59:45Z</dc:date>
    </item>
  </channel>
</rss>

