Online Credit Card Fields Not Working in Firefox

  • Resolved orgent

    (@orgent)


    3 years, 10 months ago

    The credit card fields are missing their data-placeholders and clicking on any one of the credit card fields does not place the cursor within the field so the user can enter data. This appears to only happen in Firefox.

    1. Tried disabling all plugins except WooCommerce and Square.
    2. Tried disabling the childtheme and used TwentySeventeen.
    3. Running Windows 7, Firefox 77, and php 7.1.
    4. WooCommerce System Status is all green except for: There is a newer version of WordPress available (5.4.1). I tried updating WP to no avail.
    5. Console log on checkout page displays the following error:
    ReferenceError: SqPaymentForm is not definedwc-square.min.js:220:12
    value wc-square.min.js:220
    value self-hosted:844
    value wc-square.min.js:107
    jQuery 8
    success checkout.min.js:1
    jQuery 4
    6. Console log on checkout page displays the following warnings:
    This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. checkout
    JQMIGRATE: Migrate is installed, version 1.4.1 jquery-migrate.min.js:2:552
    Loading failed for the <script> with source “https://js.squareup.com/v2/paymentform?ver=2.1.5”. checkout:79:1
    This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter orgent

    (@orgent)

    3 years, 10 months ago

    Oops. Mistakenly tried to edit the existing support ticket and now I can’t figure out how to delete this message.

    Plugin Support AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    3 years, 10 months ago

    Hey there!

    I took a look at your site in Firefox, and it seems that the checkout is working fine for me:
    Link to image: https://d.pr/i/uRs4Ck

    I think this indicates that there might be something in your browser that is blocking that JS from loading properly, perhaps an adblock/privacy extension.

    Hopefully that helps! Have a great one!

    gggreggg

    (@gggreggg)

    3 years, 10 months ago

    Thank you for looking at this! As it turns out, disabling the DuckDuckGo Privacy Essentials add-on for Firefox clears this issue. We’re not sure if it’s the DuckDuckGo Privacy Essentials add-on or a problem with either WooCommerce or Square payment services plugins.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Online Credit Card Fields Not Working in Firefox’ is closed to new replies.