ionic - Drop down list flickers in iPAD

Question

Dropdown list in my Ionic application flickers in iPAD.

[1. On Dropdown Tap]

[2. If Tap on outside dropdown list]

[3. If Tap inside dropdown list] Once again the Image 1 will be shown.

It worked fine with iPhone 5s. But not in iPAD.

Any solution or workaround ?

EDIT:

Even if I change the orientation of iPAD, it shows the previously listed dropdown contents.

Answer 1

Seems to be an issue with recent update of iOS 11 and Apple's UIWebView. It works well with Apple's WKWebView.

Resolved the issue by installing cordova's WKWebView.

>> cordova plugin add cordova-plugin-wkwebview-engine --save

Then adding the following in config.xml:

<feature name="CDVWKWebViewEngine">
  <param name="ios-package" value="CDVWKWebViewEngine" />
</feature>

<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

Reference links:

1. WKWebView Engine plugin
2. Apple's Documentation
3. Cordova forum
4. Other SO question