When going to a page with the credit card form on it the form does not render but instead shows message “An error occurred while processing your request, please try again later.5”
In the developer console I get an error:
InvalidStylesError: One or more style selectors and/or CSS properties are invalid
Invalid style value 'rgb(210, 210, 210) rgb(210, 210, 210) rgb(51, 51, 51)' for property 'borderColor'.
at e (square.js?ver=5.9.5:1:228443)
at xl (square.js?ver=5.9.5:1:229950)
at sd (square.js?ver=5.9.5:1:237595)
at square.js?ver=5.9.5:1:246452
at Generator.next (<anonymous>)
at td (square.js?ver=5.9.5:1:236941)
at s (square.js?ver=5.9.5:1:237145)
It appears that the script-theme.js file is getting the ‘border-color’ styles (borderColor: r.getPropertyValue('border-color')) from the page, which there are 3 (2 appear to be user agent styles) then passes all 3 to the square api where it errors. Is there a way to get it to only pass one?