Select list does not work in iPhone landscape view

[RobertJay]

I simply run the app in my iPhone and iPad in Safari (remember, it is a pure web app).

[BananaGator]

Ah, okay. "Pure web" to me means you are not using any plug-ins. What does the inspector or Weinre tell you? Anything useful? I am a Windows/Android person, so my Safari/iPhone knowledge is very limited.

[RobertJay]

Sorry for the confusion. No, as far as I can tell they provide no useful hints. And believe me, I know even less about iPhone and Safari which is why I'm disappointed in not getting more help from Appery. Thanks very much for your time.

[Illya Stepanov]

Hi Robert -

I will report this as a bug. But I see that you've changed select component behavior in landscape mode, you've added pop-up?

[BananaGator]

Drats. Well, I saw a Stack Overflow post that suggested some CSS (like fonts) could interfere, and if you are using jQuery to trigger onchange events, "prop" should be used in place of "attr." I'm afraid that is all I could find! Hopefully Appery is able to help get to the bottom of this soon.

[RobertJay]

BananaGator - pls see my UPDATE below.Thanks a million.

[RobertJay]

UPDATE: Just heard from Appery support. They've confirmed this is a bug which will be reported.

[BananaGator]

Woohoo! You're welcome.

[RobertJay]

Illya - I believe all I've done is to add a label on the top of the page asking users not to rotate the device to landscape. No pop-up was added since I reported the issue. Thanks very much.

[Illya Stepanov]

Hi Robert -

We have advised you to try this solutions in your project:

1. To check "Render all pages in one HTML file" in app settings.

   -- OR --

2. Open in sources specification.js and edit:
   precode $('#specifications').on({
   pageshow: function(event) {
   localStorage.setItem('L_ComingFrom', 'specifications');
   .../code/pre
   to:
   precode $('#specifications').on({
   pageshow: function(event, data) {
   if (data.prevPage.attr('id') && data.prevPage.attr('id').match(/-dialog$/)) {
   return;
   }
   localStorage.setItem('L_ComingFrom', 'specifications');
   .../code/pre
   (just add data parameter to method definition and return if codedata.prevPage.attr('id') && data.prevPage.attr('id').match(/-dialog$/)/code

   If both solutions doesn't help to solve the issue, let me know. We will investigate it further.