I am using autocomplete jquery-ui plugin on jquery mobile framework. This setup is working great on all mobile devices but the Blackberry platform. The watermark is showing correctly so I know javascript is enabled and working however when a user starts typing it appears that Blackberry is over-riding and showing its own autocomplete/fill text options, when a user selects the jquery plugin is not firing.
On a desktop browser I can paste text and it works fine. It appears to be related to Blackberry mobile devices only.
Ideas on how to disable through code Blackberry autofill functionality?
thx
You can set the autocomplete="off" attribute on the input tag:
<input autocomplete="off" .../>
Source: http://davidbcalhoun.com/2010/using-mobile-specific-html-css-javascript
You could try this:
<input autocomplete="off" .../>
But it isn't working for (some?) BlackBerry devices. They ignore the atribute. A possible workaround/hack is to set the input-type to "email", since they never have autocorrect on bb's.
Via: disable spelling assistance in HTML for mobile devices
Related
Is there way to disable settings or make them immutable/readonly like this, but for app settings?
We are using Angular, Ionic, Cordova environment. We were using a disable tag in the browser like this
<ion-item class="settings-item" *ngSwitchCase="'password'">
<ion-label class="settings-label">{{field.name}}</ion-label>
<ion-input type="password" class="settings-field" disabled={{field.overridden}} [(ngModel)]="field.value" [attr.data-e2e]="field.key"></ion-input>
</ion-item>
But unfortunately, this only works on the browser not on a device
This is my first post on StackOverFlow, please be gentle with the voting. If you see a problem with the question/body please let me know.
This is not possible. Not if the OS is handling the settings - which is what we were doing.
The form that is used that has the disabled tag has nothing to do with the forms that are generated by Android and IOS from the developer settings.json file we had.
Currently there is very little if any support for read-only settings. The picture I gave was something that Apple disabled themselves, but not a third-party app like ours is.
Edit: Of course, if you are disabling settings from a form that you created (not IOS or Android OS), then you can disable fields
I have the following cshtml which works perfectly on Android, Windows and Mac safari and chrome.
<input type="date" min="1900-01-01" max="#DateTime.Now.AddYears(-18).ToString("yyyy-MM-dd")" />
However when using my iPhone it ignores both the min and max values both on Chrome and Safari.
Has anyone encountered the above issue and if so do you know why it wouldn't be working specifically for IOS mobile ?
It appears that this has already been asked here:
Html 5 [input type=Date] control, MAX date is not working in iPhone/Ipad
The answer indicates that iOS doesn't support these attributes and recommends using a separate JavaScript date picker library, such as Pickaday.
I'm using select2 autocomplete plugin with Cordova / Phonegap, I have successfully integrated the plugin and autocomplete works perfectly fine in Android devices, However when I deploy the application in ios, it shows the suggestion list but I'm not able to tap/click on the suggestion provided.
Please Help!
It seems there are few bug in Select2 regarding Autocomplete. You can find more details here:
https://github.com/ivaynberg/select2/issues/2226
I would suggest to use "Click" event instead of "TouchStart" event.
Hope this helps.
I have a web site built as a web app that contains a single 'select' menu. The menu works fine and the options are displayed when viewed in a browser including Mobile Safari on an iPad.
However viewing the web app with Guided Mode enabled (http://support.apple.com/kb/HT5509?viewlocale=en_US&locale=en_US) which prevents access to some iPad features, the tag stops working and won't open. A regular link using the 'a href' tag still works though.
Does anyone know why this particular tag is not working?
I've run into this same issue. It appears to be an iOS bug.
jQuery Mobile had a bug reported for this issue here: https://github.com/jquery/jquery-mobile/issues/6806
They solved it by coding around it, using hidden divs that are enabled by Javascript (See their custom select menu examples).
How do I debug my jquery mobile app on a windows phone?
My current problem is that a link like this does not work:
If I click on it, I see for a short moment a little black box (loding symbol?) but the app stays on the same page (div).
If I load the same page in the phones Internet Explorer it works.
How do I debug this?
Update
I updated to the latest jquery mobile version and now I get "Error Loading Page" like he is trying to load it as ajax but it is a multipage with the old rel="external" the error did not show up but it still did not work. (Same with jquery mobile 1.0.1)
Update 2
Creating a second page index2.html and setting a link like this works:
<a href="index2.html#next_collection" data-ajax="false" data-role="button" ...
But only if I use a different page. index.html#next_collection does nothing.
Try the Ripple mobile emulator. It has a setting for PhoneGap emulation.
Solved by updating from phonegap 1.3.0 to 1.4.1