title: Primefaces Mobile ajax update of selectOneMenu fails
body: <p>I want to create a mobile form using Primefaces 5.2 where one <code>selectOneMenu</code> result updates a second <code>selectOneMenu</code> via Ajax, exactly like the showcase example here: <a href="http://www.primefaces.org/showcase/ui/ajax/dropdown.xhtml" rel="nofollow noreferrer">http://www.primefaces.org/showcase/ui/ajax/dropdown.xhtml</a> but then a mobile version. </p>
  
  <p>My question is very similar to this one: <a href="https://stackoverflow.com/questions/30245639/primefaces-mobiles-ajax-does-not-update-a-pselectonemenu">Primefaces Mobile&#39;s Ajax does not update a &lt;p:selectOneMenu&gt;</a> but there is no answer. </p>
  
  <p>I have created a JSF page and backingbean <em>exactly</em> like the showcase example, and it works. </p>
  
  <p>However when I add the mobile aspect using <code>&lt;f:view renderKitId="PRIMEFACES_MOBILE" /&gt;</code> the second <code>selectOneMenu</code> is rendered plain after the update, and a perpetual spinner is displayed. </p>
  
  <pre><code>...
  &lt;f:view renderKitId="PRIMEFACES_MOBILE" /&gt;
  ...
  &lt;h:body&gt;
  &lt;h:form&gt;
      &lt;p:growl id="msgs" showDetail="true" /&gt;
  
      &lt;p:panel header="Select a Location" style="margin-bottom:10px;"&gt;
          &lt;h:panelGrid columns="2" cellpadding="5"&gt;
              &lt;p:outputLabel for="country" value="Country: " /&gt;
              &lt;p:selectOneMenu id="country" value="#{dropdownView.country}" style="width:150px"&gt;
                  &lt;p:ajax listener="#{dropdownView.onCountryChange}" update="city" /&gt;
                  &lt;f:selectItem itemLabel="Select Country" itemValue="" noSelectionOption="true" /&gt;
                  &lt;f:selectItems value="#{dropdownView.countries}" /&gt;
              &lt;/p:selectOneMenu&gt;
  
              &lt;p:outputLabel for="city" value="City: " /&gt;
              &lt;p:selectOneMenu id="city" value="#{dropdownView.city}" style="width:150px"&gt;
                  &lt;f:selectItem itemLabel="Select City" itemValue="" noSelectionOption="true" /&gt;
                  &lt;f:selectItems value="#{dropdownView.cities}" /&gt;
              &lt;/p:selectOneMenu&gt;
  
              &lt;p:outputLabel for="debug" value="Debug: " /&gt;
              &lt;p:inputText id="debug" value="#{dropdownView.debug}"/&gt;
          &lt;/h:panelGrid&gt;
  ...
  </code></pre>
  
  <p>The Ajax call works, when my update target is <code>debug</code> my <code>inputText</code> is updated, but when my update target is <code>city</code> the <code>selectOneMenu</code> is not. </p>
  
  <p>Is this a bug? Am I misusing the Mobile aspect? Documentation seems scarce on this. </p>
  
  <p><strong>EDIT</strong></p>
  
  <p>The <code>inputText</code> was not included in the source, corrected. </p>