Select Option Not Working Correctly on the Product Page

[jkloster]

I am working on an error and can not find the solution for it. I have an ecommerce site and when I go to update the size of jackets, boots or most apparel. All the functionality is working properly except the size populating in the dropdown box. Instead the size stays the same. See attached.

 

For example, on a men's jacket product page. When I select the dropdown to change sizes from L to XL, the url, sku number and stock level update correctly, but the <option> box stays on the original size it was on entering the page. So when I toggle from L to XL the front end still says L.

 

The same issue happens with shoes, when I go to the shoe page it says size 9, when I switch to 10, everything but the <select><option> dropdown box displays the correct data.

 

Any ideas on how to fix this or what the issue is?

 

I have checked the console and the main error is this. 

[Violation] Added non-passive event listener to a scroll-blocking. 

 

Thanks for the help!