Checkout page - hidden error message due to refresh

[woocommerce]

Checkout page - hidden error message due to refresh

[roykho]

@mattalberon - so I have just tested this with a wrong CC # and I get the error right on top of the CC fields. Like so

So it is not hidden. Could you please tell me more about this?

[roykho]

Closing due to no activity.

[miklb]

I'm experiencing this issue currently. The error displays for a short time, then is hidden. I can see the errors in the DOM if I inspect in Safari Tech Preview

<ul class="nm-shop-notice woocommerce-error nm-shop-notice-multiple">
        <li><span><i class="nm-font nm-font-close"></i><strong>Credit Card Number</strong> is a required field.</span></li>
        <li><span><i class="nm-font nm-font-close"></i><strong>Credit Card Expiration</strong> is a required field.</span></li>
        <li><span><i class="nm-font nm-font-close"></i><strong>Credit Card CVC</strong> is a required field.</span></li>
    </ul>

Inline validation does work, however that doesn't seem like a great solution if someone misses the inline error.

Suggestions?

[miklb]

Note,I'm using the Savoy theme with a custom child theme, but the error message doesn't seem to be targeted anywhere in the Savoy theme or my child theme.

[miklb]

This is what appears then, fades out, only visible in the DOM as previously noted.

[miklb]

@mikejolley would this be better in a new issue? This particular set of errors isn't an inline validation error, so I'm trying to debug why, but being hidden is also an issue.

[mikejolley]

Those nm-s styles look responsible @miklb. I'd guess your theme has added some extra classes to notices and fades them out with CSS or javascript.

[miklb]

@mikejolley thanks for the reply. That was my 1st thought too, but theme author says it doesn't.

I'll dig deeper.

[miklb]

Somewhere I suspect I'm having an issue with testing Stripe, and the plugin is removing the error because it's not processing the CC in the form. I see a lot of .remove() in s4wc.js

I can change the class on my error message from woocommerce-error to woocommerce-error-foo and the error message doesn't disappear. I'm also communicating with the theme developer. I'm assuming a GitHub issue isn't the proper place for support, so if you can direct me to the proper channel, I will proceed there. The original issue seemed to be close to mine, thus why I piggybacked on.