Windows Phone 8.1 corova dropdown does not work

Question

I have a cordova-based application that behaves differently on two very similar Windows Lumia phones. The selection (aka drop-down menus) does not work on the new phone.

The phone they are NOT working on is the following:

Lumia Denim 640 LTE OS, 8.1, Update 2 Application Version, 3.15.4.28 Manufacturer Name, RM-1073_1001 Carrier, T-Mobile 

The telephone they are working on is as follows:

 Lumia Cyan 520 OS 8.1 "Application Version", 3.15.4.28 Manufacturer Name, RM-915_nam_usa_228 Carrier, AT&T 

When I launch the application from Visual Studio directly to the device, there are no errors in the console.

When the application is initialized, selects elements are snapped to the json object by design using jsRender and jsViews.

The same application works fine on iOS and Android.

I do not want to use WinJs controls.

Ideas?

Answer 1

Please make sure that you are not using the Fastclick library, which will disable <select> on Windows Phone. Therefore, if you use this library, comment on this use.

Answer 2

The phones are actually very similar, but there is an important detail. The Lumia 640 has an FWVGA screen (1280x720). This can cause design problems on Windows Phone cordova Apps (it happened to me).

To solve this problem, I implemented the following C # code in the Cordova Project MainFile:

 public MainPage() { InitializeComponent(); this.CordovaView.Loaded += CordovaView_Loaded; //Adjusting Cordova View for New Lumias pixel ratio this.CordovaView.Margin = new Thickness(0, 0, 0, -90); this.CordovaView.Padding = new Thickness(0, 0, 0, -90); } 

In my case, this helped solve the problem with a fixed header menu. You can get around this information.