81

I have a form setup in a webpart in our SharePoint solution and am having an issue when testing on Apple devices where the input fields are not accessible/appear to be grayed out. This application uses ajax server calls to pre-fill form entries and I am using AngularJS for client-side handling. Why is this only happening on these devices?

example field:

<input id="nhaole-vf-address" 
    ng-model="parent.streetAddress" 
    type="text" 
    class="form-control" 
    required />

enter image description here

bhantol
  • 9,368
  • 7
  • 44
  • 81
Spacemancraig
  • 1,386
  • 2
  • 12
  • 24
  • 1
    why do you have an id assigned to the input? e.g. `id="nhaole-vf-address"` – Jossef Harush Kadouri Oct 04 '15 at 13:36
  • I'll answer that question if you could provide what relevance it has to mine? – Spacemancraig Oct 05 '15 at 15:06
  • your input has Id attribute. It might be related, maybe other script included in your bundle mess this input element by using his id – Jossef Harush Kadouri Oct 05 '15 at 15:17
  • Jossef - I removed the id tags. Aeolin - I added screen, as you can see the field is grey were it should be accessible. – Spacemancraig Oct 05 '15 at 19:00
  • Maybe it has something to do with your CSS? see http://stackoverflow.com/questions/10819565/user-selectnone-causes-input-field-to-be-inaccessible-on-safari – Betty St Oct 06 '15 at 20:00
  • 6
    Try removing the `required` attribute. SharePoint uses XHTML 1.0 Strict, which doesn't have a reference for `required`. OR - try changing it to `required="required"`, since XHTML requires that each attribute be assigned a value. I've been doing a lot of work in SharePoint lately and have come across a few funny quirks like this. I haven't had this problem specifically, but it's worth a shot :-). – Howard Renollet Oct 07 '15 at 15:25
  • Which version of sharepoint? 2010, 2013, online? Also are you using safari? what about chrome on apple devices? Same issue? – Aaron Oct 08 '15 at 13:47
  • oh sorry Aaron, I've tried in chrome and safari on iPhones and iPads – Spacemancraig Oct 08 '15 at 18:24
  • I think you should put name on your input. Does the issue only occur on the newest IPhone / IPads (IPhone 6)? They seem to be very strict on JS, try to reproduce the issue with older IPhone (5, 4) if it doesn't reproduce, you may be looking for a return somewhere in the javascript that is working on older browsers but latest IPhones require it... Not sure why but we spent 6 days finding out such an issue. – Pavel Donchev Oct 25 '15 at 04:24
  • Do you have any `user-select: none;` styles in your page? – Aditya Singh Apr 27 '16 at 19:29
  • 2
    Is this question still active? Did you try to use [VorlonJs](http://vorlonjs.com/) to debug your web page directly and check what is happening within your page once loaded? – Benjamin Soulier Sep 07 '16 at 08:09
  • 5
    I’m voting to close this question because it is 5 years old and the OP has not provided enough context to make even the question generally useful to the broader Stack Overflow audience. – brandonscript Oct 12 '21 at 22:20

0 Answers0