3. Vue Onsen Select (v-ons-select) auto closing

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Vue Onsen Select (v-ons-select) auto closing

  • H

    Hi,
    I have had some issues with the vue onsen select automatically closing on iOS (iOS 11.x.). When the select is pressed, the list will open and then close straight away. This does not occur every time, it seems to be when the select is tapped fairly fast. If you press it slowly it doesnt’ happen. I have googled this issue and thought it may be related to fastclick behviour and have tried the needsclick and needsfocus but this seems to have not effect.

    The below code is the snippet I am trying.

    <p style="padding-top:30px;">Select organisation:</p>
   <v-ons-list-item>
      <v-ons-select class="custom-select needsclick needsfocus" modifier="underbar" style="width:100%; 
        padding-right: 17px;" value="selectedOrganisation" v-model="selectedOrganisation">
          <option v-for="o in organisations" :value="o">
              {{ o }}
          </option>
       </v-ons-select>
  </v-ons-list-item>
    0