Woocommerce notice on checkout breaking when a woocommerce vat field is added.

Hi guys,

So we are having a small problem with our checkout for with the error messages for a added vat field. When there is a vat error (Such as invalid vat) the message is not being deployed properly and is breaking the page. Please check the picture on the following link or the file attached: https://v2.endeavorwebs.com/wp-content/uploads/2019/01/EW-EU-VAT-PLUGIN-ERROR-270119-01.png

What is happening is that the error message for the vat field alone, is not triggering the normal woocommerce checkout message ‘notice-group’ and it is not getting the right css info. When other messages are compile, the ‘woocommerce-notice-group’ correct css is deployed and everything works.

So we found, that the vat field alone doesn’t bring the class ‘.woocommerce-NoticeGroup-checkout’ alive as suggested, and the missing css ‘flex-basis: 100%’ is missing to align the vat message correctly. It works if you add the ‘’flex-basis 100%’’ in the html, but the checkout page is a woocommerce built page. We tried to include an extra css ‘flex-basis 100%’ for the ‘.woocommerce-NoticeGroup-checkout’ but is not working as the css class is not coming alive for the VAT error message to begin with, so we need some ideas please.

We also have inquired with the plugin guys and they mention that the cause is likely to be the theme notice process or that the “notices added through the native wc_add_notice() are not properly rendered by the theme template.” refer to this topic: (https://docs.woocommerce.com/wc-apidocs/function-wc_add_notice.html )

So the problem seems simple to resolve, as if we only add a ‘flex-basis: 100%’ on the class ‘.woocommerce-NoticeGroup-checkout’ fixes it, however we don’t know how to get it done yet practically…

Can you help?

Regards