hostedPaymentIFrameCommunicatorUrl not referenced in payment form

[pskovacs]

What am I doing wrong?

• I’m making a JSON request for the payment form
• The form is returned, but does not reference the hostedPaymentIFrameCommunicatorUrl parameter.
   

  JSON request below.

  As far as I can tell, the format matches the example on the Authorize.Net Accept Hosted page

   

  {
    "getHostedPaymentPageRequest": {
      "merchantAuthentication": {
        "name": "26qQeN7z",
        "transactionKey": "aaaaaaaaaaaaaaaa"
      },
      "transactionRequest": {
        "transactionType": "authCaptureTransaction",
        "amount": 5
      },
      "hostedPaymentSettings": {
        "setting": [
          {
            "settingName": "hostedPaymentIFrameCommunicatorUrl",
            "settingValue": "{\"url\":\"https://test.yourweddingcompany.com/ywc_communicator.php\"}"
          },
          {
            "settingName": "hostedPaymentPaymentOptions",
            "settingValue": "{\"cardCodeRequired\":true}"
          },
          {
            "settingName": "hostedPaymentShippingAddressOptions",
            "settingValue": "{\"show\":true,\"required\":true}"
          },
          {
            "settingName": "hostedPaymentBillingAddressOptions",
            "settingValue": "{\"show\":true,\"required\":true}"
          },
          {
            "settingName": "hostedPaymentCustomerOptions",
            "settingValue": "{\"showEmail\":true,\"requiredEmail\":true}"
          },
          {
            "settingName": "hostedPaymentOrderOptions",
            "settingValue": "{\"show\":true,\"merchantName\":\"Your Wedding Company\"}"
          }
        ]
      }
    }
  }

  Here is the resulting DOM.

  Note that it has loaded the payment form, but the form does not reference hostedPaymentIFrameCommunicatorUrl:

  DOM image

[pskovacs · Accepted solution]

I solved the problem. Everything below is correct.

The intent had been to display the payment form once it communicated its size via the communicator page.

Setting display:none on the iframe's container somehow prevents the payment form from loading the communicator url.

Using visibility:hidden instead fixes the problem.