I've recently upgraded Cordova to 3.6.3 and Xcode to 6. I've noticed when testing on iOS that select elements no longer do anything when clicked. This works in iOS 7.0/7.1 but fails on all emulators once I move to iOS 8.
Is this a known bug and is there a fix currently available?
<div>
<select id="task" style="height: 32px; text-align:left">
<option>Other</option>
<option>Mining</option>
<option SELECTED>Farming</option>
</select>
</div>
Thanks,
Michael
I had the same issue with the ios 8 simulator. Unchecked Hardware>Keyboard>Connect hardware keyboard and the issue is solved!
robiso in the Apple forum figured it out:
I had the same issue with the ios 8 simulator. Unchecked Hardware>Keyboard>Connect hardware keyboard and the issue is solved!
I am having the same issue of HTML select elements not functioning in PhoneGap apps (and also native UIWebView apps) on 8.0.2 DEVICES. I think this is more than a simulator issue.
MikeH: are you using some kind of CSS property to get selector elements to pop open the option picker on your 8.xx device? Mine just bring up the next /back arrows and the "done" button.
Related
I'm using Bernardo Castilhos' HTML 5 Drag&Drop Polyfill:
https://github.com/Bernardo-Castilho/dragdroptouch
Here is a demo:
http://bernardo-castilho.github.io/DragDropTouch/demo/index.htm
Some time ago it stopped working on windows-based desktop touchscreens. I do not test it very often on those devices so I don't know when it stopped working.
In firefox browser a preceding double tap on the element makes the dragging working, in chrome / edge all the actions on the touchscreen are ignored.
Does anybody has a workaround for enabling "HTML5 draggable=true" elements on windows touchscreens? It works perfectly on android / iOS.
Thanks
The issue was fixed: https://github.com/Bernardo-Castilho/dragdroptouch/issues/40
But the developer forgot to update his own demo / example-page.
So just use the version from april that is provided at github and it works.
HTML Select drop-down list is not getting dismissed properly on iOS 11 beta 5. Upon closing the drop-down, an empty drop-down with blank options reappears in its place.
Please let me know if anyone else experienced the same issue and if a workaround is available for the same.
Note: It is a hybrid app built for iPad only and this issue is not reproducible on iOS 10 or below.
I've had a similar issue and discovered that in the <option> tag there is a label="" value. This only affects iOS 11, and 10 we've noticed as well. Populate your label="" value.
solution in another thread
This is not a long-term solution, but it works until apple provides a fix.
main points of other answer
Build your app with xcode 8, you can download version 8 of xcode from here, you have to sign in using your apple id.
To be able to build to iOS11 you will have to download xcode 9 (unless you have it) as well, and then copy the 11.0 folder from xCode9/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport and paste it into the same place in xCode8
The issue is because Cordova is using a UIWebView, and the bug is with UIWebView in iOS 11. The issue has been fixed in xcode 9.2-beta. Tested and it is working fine in iOS 11.2. Hopefully xcode 9.2 will have the fix once released.
I have this tag <textarea name="docBody" placeholder="main content" ></textarea> included in a web page. The placeholder text shows correctly in Chrome on the desktop and my Nexus 7 as well as IE 11 on the desktop, but it doesn't work on my Surface RT with IE 11. I also noticed the same thing with a CSS animation. Is this something I'm doing wrong, or is it something about the Surface RT?
Try adding the website to your 'Compatibility View list'. Instructions can be found http://www.microsoft.com/surface/en-au/support/web-browsing/browse-the-web-with-internet-explorer under the 'Browse the web>Notes' section.
HTML5 is still in a working stage and not all browsers have developed the tools to see each attribute of HTML5. If it works on other surfaces and not on this one particular then I would assume that this is an issue specific to Surface RT.
I'm implementing a themeforest template and having a weird issue with chrome on Win 8.1.
The CSS is using -webkit-transition to fade in divs.
Weirdly, this is not working only on chrome and windows 8.1.
Windows 7 or 8 with the same chrome version(latest), works just fine. also on ubuntu.
On IE10, also perfectly.
Here is a link for the template preview.
Anyone has any idea?
Maby GPU issue?
Thanks, Roi.
I am working in Phone gap- android using cordova 2.1.0 and android 2.2.
My SQLITE PLUGIN- is compatible to cordova-2.1.0.
My onclick functionality works in android devices versions 4,but not working in android devices with lower versions.
I am facing a similar problem with the CSS position:fixed that did not work in android devices with lower versions.The alternative I took up was iscroll, but yet to fix it up.
Please guide me for this issues.
This is was because I had called onload function of iscroll in my body tag. Later when I called my body tag after all my onclick functionalities it worked!