Colossus on certain Mobiles - OPAY: CC exp. date -- scrolling restriction

[swiftmv]

Hello All,

I installed Colossus on a store yesterday and it's all looking good.

Some comments, however, have come through from customers on mobile, one with an iPhone [Safari browser, iOS 13.5.1] saying that when inputting CC details, she couldn't scroll beyond April. Another customer (device unknown) said he couldn't scroll below the year 2023.

I've tried to replicate this on Android and it's all fine.

Has anybody experienced this feedback and, if so, did you arrive at a fix?


cheers,
Michael

[swiftmv]

P.S. The store owner is using Credit Card with Simple Validation as the payment module.

[Matt Zimmermann]

Hi Michael,

This is something that seems to crop up from time to time...but only on iOS. Add, select.attr('data-no-custom', '');, to your scripts.js file at line 592. Here's the complete function for that section:

            $.hook('mvt-select').find('select').each(function () {
                var wrapDiv = document.createElement('div');
                var select = this;

                select.attr('data-no-custom', '');
                wrapDiv.classList.add('c-form-select');
                select.parentNode.insertBefore(wrapDiv, select);
                wrapDiv.appendChild(select);
            });

[swiftmv]

Thanks, Matt, for your speedy reply.

And congrats on Colossus. I've been enjoying working with it.


cheers,
Michael

[ids]

Ya Matt help me with this, to change the customized dropdown, which works but takes specific dexterity to actually scroll down the list. I ended up changing it to the browser default which on iOS is basically the "fishbowl" as I've heard characterized.

Scott