Android – html with dropdown menu not working

Question

hi everybody,
I'm creating a digital pubblication fo android and I'm testing it on an Asus tablet.
I just have a big html widget showing a local web application. Everything works except a simple dropdown menu: when I tap on the button that should open the dropdown items, the button highlights itself, but the options don't appear.
this the HTML code:
  Size:   4
4,5
5
5,5
6
6,5
7
7,5
8
8,5
9
9,5
10
10,5
11
11,5
12
12,5
13
13,5   
I'm sure it worked on a Samsung tablet (within the DPS app), and it works on the Asus if I access to the application via browser.
it only doesn't work when loading it within the DPS app on the Asus device. is the tablet brand the problem?
my android version is: 4.2.2.
anybody can help me, please?
thank you very much.

Answer 1

it works with the native android viewer!
but with this there's another problema (that the legacy one doesn't have): I have a simple form and the last text field appears beneath the keyboard.
with the legacy viewer each time I move the focus from a textfield to the next one, the text field moves upwards to be visible (and not hidden by the keyboard).
this is the code for the form:
<div data-role="fieldcontain" class="text-field">
  <label for="firstname">Nome:</label>
  <input type="text" name="firstname" value="" placeholder="" class="required" id="firstname" />
  </div>
  <div data-role="fieldcontain" class="text-field">
  <label for="surname">Cognome:</label>
  <input type="text" name="surname" value="" placeholder="" class="required" id="surname" />
  </div>
  <div data-role="fieldcontain" class="text-field">
  <label for="surname">Indirizzo:</label>
  <input type="text" name="address" value="" placeholder="" id="address" class="required"/>
  </div>
  <div data-role="fieldcontain" class="text-field">
  <label for="email">Email:</label>
  <input type="email" name="email" value="" placeholder="" class="required" id="email"  title="Your error message" />
  <div class='error_message'></div>
  </div>
  <div data-role="fieldcontain" class="text-field note">
  <label for="message">Note :</label>
  <textarea name="message" id="message" placeholder="" ></textarea>
  </div>
  <div data-role="fieldcontain" class="text-field mail">
  <label for="email_shop">Email negozio:</label>
  <input type="email" name="email_shop" value="" placeholder="" class="required" id="email_shop"  />
  </div>