Custom input fields not working on iOS safari

hohums
New Member
7 0 0

Hi,

My website piroshkion3rd.com has custom fields at checkout where a user specifies their pickup time, date and optional feedback.   When they send us an order normally these fields show up in the order. 

However we have had some users on iOS safari where these fields don't show up.  Its not all iOS / safari devices just a subset although frequent enough to be a concern for us.

Is there something wrong with our JavaScript or some other way to solve this?

Cheers

0 Likes
hohums
New Member
7 0 0

Hi,

 

Has anyone had a chance to look into this?  I really think this is a bug in Shopify with the custom fields.

0 Likes
hohums
New Member
7 0 0

Hi,

Just following up on this shopify bug.  Has anyone from shopify looked at the custom field issue not being reported in the invoice for some iOS / safari devices?   This is important for us to get fixed so that we don't provide those customers with a poor experience.

Here is an example of the code on the checkout page that doesn't get sent in the email for some iOS / safari devices.

Now choose pickup/delivery time:
<p class="cart-attribute__field">
<select required class="required" id="timepicker" name="attributes[Time]" style="width:390px;">
<!--option value="6:00am"{% if cart.attributes["Time"] == "6:00am" %} selected{% endif %}>6:00am</option>
<option value="6:30am"{% if cart.attributes["Time"] == "6:30am" %} selected{% endif %}>6:30am</option>
<option value="7:00am"{% if cart.attributes["Time"] == "7:00am" %} selected{% endif %}>7:00am</option>
<option value="7:30am"{% if cart.attributes["Time"] == "7:30am" %} selected{% endif %}>7:30am</option>
<option value="8:00am"{% if cart.attributes["Time"] == "8:00am" %} selected{% endif %}>8:00am</option>
<option value="8:30am"{% if cart.attributes["Time"] == "8:30am" %} selected{% endif %}>8:30am</option>
<option value="9:00am"{% if cart.attributes["Time"] == "9:00am" %} selected{% endif %}>9:00am</option>
<option value="9:30am"{% if cart.attributes["Time"] == "9:30am" %} selected{% endif %}>9:30am</option!-->
<option value="10:00am"{% if cart.attributes["Time"] == "10:00am" %} selected{% endif %}>10:00am</option>
<option value="10:15am"{% if cart.attributes["Time"] == "10:15am" %} selected{% endif %}>10:15am</option>
<option value="10:30am"{% if cart.attributes["Time"] == "10:30am" %} selected{% endif %}>10:30am</option>
<option value="10:45am"{% if cart.attributes["Time"] == "10:45am" %} selected{% endif %}>10:45am</option>
<option value="11:00am"{% if cart.attributes["Time"] == "11:00am" %} selected{% endif %}>11:00am</option>
<option value="11:15am"{% if cart.attributes["Time"] == "11:15am" %} selected{% endif %}>11:15am</option>
<option value="11:30am"{% if cart.attributes["Time"] == "11:30am" %} selected{% endif %}>11:30am</option>
<option value="11:45am"{% if cart.attributes["Time"] == "11:45am" %} selected{% endif %}>11:45am</option>
<option value="12:00pm"{% if cart.attributes["Time"] == "12:00pm" %} selected{% endif %}>12:00pm</option>
<option value="12:15pm"{% if cart.attributes["Time"] == "12:15pm" %} selected{% endif %}>12:15pm</option>
<option value="12:30pm"{% if cart.attributes["Time"] == "12:30pm" %} selected{% endif %}>12:30pm</option>
<option value="12:45pm"{% if cart.attributes["Time"] == "12:45pm" %} selected{% endif %}>12:45pm</option>
<option value="1:00pm"{% if cart.attributes["Time"] == "1:00pm" %} selected{% endif %}>1:00pm</option>
<option value="1:15pm"{% if cart.attributes["Time"] == "1:15pm" %} selected{% endif %}>1:15pm</option>
<option value="1:30pm"{% if cart.attributes["Time"] == "1:30pm" %} selected{% endif %}>1:30pm</option>
<option value="1:45pm"{% if cart.attributes["Time"] == "1:45pm" %} selected{% endif %}>1:45pm</option>
<option value="2:00pm"{% if cart.attributes["Time"] == "2:00pm" %} selected{% endif %}>2:00pm</option>
<option value="2:15pm"{% if cart.attributes["Time"] == "2:15pm" %} selected{% endif %}>2:15pm</option>
<option value="2:30pm"{% if cart.attributes["Time"] == "2:30pm" %} selected{% endif %}>2:30pm</option>
<option value="2:45pm"{% if cart.attributes["Time"] == "2:45pm" %} selected{% endif %}>2:45pm</option>
<option value="3:00pm"{% if cart.attributes["Time"] == "3:00pm" %} selected{% endif %}>3:00pm</option>
<option value="3:15pm"{% if cart.attributes["Time"] == "3:15pm" %} selected{% endif %}>3:15pm</option>
<option value="3:30pm"{% if cart.attributes["Time"] == "3:30pm" %} selected{% endif %}>3:30pm</option>
<option value="3:45pm"{% if cart.attributes["Time"] == "3:45pm" %} selected{% endif %}>3:45pm</option>
</select>
</p>

 

From the checkout page for https://piroshkion3rd.com

 

It works for other devices and browsers.

0 Likes