Problem with Edge browser and add to cart disabled

[lancermedia]

We have a ticket open, but so far no solutions. Client site running the latest Miva and using the Levels theme. We have a product that has an inventory variant with the Select One option. So when the product page is loaded, the Add to Cart button is disabled until you choose an option from the dropdown (Lens). Problem is, this is working fine for all browsers except Microsoft Edge. Edge never enables the Add to Cart button.

Here's the example page: http://www.silverfish.com/eyewear/RxWhistler.html

Anyone have any ideas why? I don't see any JS console errors.

To make things even weirder, I have and old dev store that's running and older version of Miva (Miva Merchant 9.00067) and that is having the same issues. Honestly not sure if this issue has been going on this long, or if an Edge update broke something.

I also have a Miva training dev store still that is pretty basic that I applied the Levels theme to (Still running Miva Merchant 9.00067). I created a simple test product with variants but this one seems to work in Edge: https://dts2577.mivamerchantdev.com/test-3.html

I'm at a loss as to what's happening.

Hoping someone has some thoughts.

Thanks!

[Bruce - PhosphorMedia]

While the only critical error is a 404 on a LinkedIn script (which shouldn't be an issue) the debugger is showing a couple of 'warnings'. Normally, when using a real browser its safe to ignore these, but with Edge, i'd try clearing them up first.

[lesliekirk]

What happens if you don't use the "Select One"?

[lancermedia]

What happens if you don't use the "Select One"?

Interesting - setting it to Preload Does NOT contain select one, causes the first option to be selected at which Add to cart is active in Edge. This is not ideal as the client really wants to force the customer to see and choose an option.

However, changing it to Do Not Preload, will at least keep the Select One option, and the Add to Cart button is always active. If they don't select one, they at least get a warning. This might be the best option.

Again, all this is just wonky in Edge - yes I realize Edge is garbage - but we can't tell customers that ;-)

Even setting to Do not preload all other browsers will keep the add to cart button inactive until a choice is made.

Still, regardless of setting, Edge doesn't want to play nice with the price above changing based on option selected.

EDIT: Ok, nevermind. Seems that setting Do Not Preload causes Edge to not show the color swatches. Ugh!

[lancermedia]

Also still not sure why the DTS test store works with Edge. I was initially thinking maybe this is a Miva/Levels issue - but since that pretty basic store works, I can't explain why it doesn't on the client's site.

[Bruce - PhosphorMedia]

Well, that's why I wonder if this is not an HTML markup issue. Edge has some weird way of percolating values up to the JS/jQuery level. I've seen JS break on Edge because of a missing close container. Worth a shot. There was just two or three warnings and they maybe related.

[lancermedia]

Well, that's why I wonder if this is not an HTML markup issue. Edge has some weird way of percolating values up to the JS/jQuery level. I've seen JS break on Edge because of a missing close container. Worth a shot. There was just two or three warnings and they maybe related.

Yeah looking through the console in Edge now - what a pain as it complains about a ton of stuff and then they don't point you to it correctly.

[Bruce - PhosphorMedia]

Might try running it through a validator...not that they are THAT much better...

[lancermedia]

For now we have re-ordered the options and switched it to not have the Select One option. This at least allows all browsers to checkout.

Will have to spend some more time trying to figure out why it's happening to maybe get back to the original way.