Copy link to clipboard
Copied
Having a checkbox list for a product attribute isn't working on ipad and other Apple devises. The drop down list works fine. Is this a known problem? Is there an easy fix? Thanks!
Ok found your issue, in ModuleStyleSheets.css remove the line 274 which is:
input,textarea,select,.uneditable-input{-webkit-appearance:none;}
This is making it not display in Safari.
This might be a BC CSS module include? If so this is a bug with BC and needs to be raised with Adobe. As a workaround you could overwrite the style again later in your code to make it display.
Copy link to clipboard
Copied
There was some issues with the checkout and dropdowns last year with regard to the ipad and BC, the official fix (server side) from BC that took over 4 weeks... was in psudocode "if ipad then wait 1 second", I laughed when I saw it and that it took 4 weeks, it might have changed now... but I digress... I've not noticed a problem but what versions are you running of iOS and is it every ipad / iphone that you have used?
Copy link to clipboard
Copied
Hey BCMan,
Thanks for the response. It is happening on customer ipads, and even apple desktop computers too. It simply won't allow a checkbox to be selected. It's driving us crazy! I'm not sure if it is all models.
Copy link to clipboard
Copied
What is the URL? lets take a look at what you are doing.
Copy link to clipboard
Copied
Thanks for the offer for help!
http://www.solaray.com.au/solaray-specials/4kw-enphase-sale
So this is one product as an example. On an ipad it wont select the check box for the terms and conditions. It is a checkbox list and a product attribute.
Tom.
Copy link to clipboard
Copied
Edit: I see the problem in Safari. Give me 10 mins.
I tried on ipad Safari, PC Chrome and Mac Chrome / Safari, there are no problems I can see, it works as it should.
Just to be clear you are clicking on the checkbox itself and not the text of "I have read..." ? I thought you might have a hidden element that is floating over the area but that does not seem to be the case.
Copy link to clipboard
Copied
Ok found your issue, in ModuleStyleSheets.css remove the line 274 which is:
input,textarea,select,.uneditable-input{-webkit-appearance:none;}
This is making it not display in Safari.
This might be a BC CSS module include? If so this is a bug with BC and needs to be raised with Adobe. As a workaround you could overwrite the style again later in your code to make it display.
Copy link to clipboard
Copied
Amazing. Thanks for your help.
Get ready! An upgraded Adobe Community experience is coming in January.
Learn more