ComboBox q-select "menu" mode !

src/components/CBarSelection/CBarSelection.vue

@@ -25,7 +25,7 @@
                     emit-value
                     borderless
                     map-options
-                    behavior="menu"
+                    :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                     @update:model-value="gotoPageSel"
                   >
                     <template v-slot:option="scope">

src/components/CEventsCalendar/CEventsCalendar.vue

@@ -393,6 +393,7 @@
                         v-if="bookEventForm.booked" class="q-gutter-xs q-mx-xs"
                         style="min-width: 140px;">
                         <q-select
+                        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                           rounded outlined v-model="bookEventForm.numpeople"
                           :options="tools.SelectListNumPeople"
                           :label="$t('cal.selnumpeople')" emit-value map-options>
@@ -406,6 +407,7 @@
                           class="q-gutter-xs"
                           style="min-width: 140px; margin-left: 10px;">
                           <q-select
+                          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                             rounded outlined v-model="bookEventForm.numpeopleLunch"
                             :options="tools.SelectListNumPeople"
                             :label="$t('cal.Lunch')" emit-value map-options>
@@ -419,6 +421,7 @@
                         <div class="itemprenota">{{ $t('cal.selnumpeopleDinner') }}</div>
                         <div class="q-gutter-xs " style="min-width: 180px; margin-left: 10px;">
                           <q-select
+                          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                             rounded outlined v-model="bookEventForm.numpeopleDinner"
                             :options="tools.SelectListNumPeople"
                             :label="$t('cal.Dinner')" emit-value map-options>
@@ -433,6 +436,7 @@
                         <div class="itemprenota">{{ $t('cal.selnumpeopleDinnerShared') }}</div>
                         <div class="q-gutter-xs " style="min-width: 180px; margin-left: 10px;">
                           <q-select
+                          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                             rounded outlined v-model="bookEventForm.numpeopleDinnerShared"
                             :options="tools.SelectListNumPeople"
                             :label="$t('cal.DinnerShared')" emit-value map-options>

src/components/CGridTableRec/CGridTableRec.vue

@@ -132,6 +132,7 @@
               </CMySelect>
 
               <q-select
+                :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                 v-if="item.type === costanti.FieldType.multiselect"
                 v-model="item.arrvalue"
                 label-color="primary"
@@ -247,6 +248,7 @@
 
         <q-space></q-space>
         <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
           v-if="
             mytable &&
             pagination.rowsNumber > 0 &&
@@ -561,6 +563,7 @@
         />
 
         <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
           v-if="tablesList"
           v-model="tablesel"
           rounded
@@ -665,6 +668,7 @@
             </CMySelect>
 
             <q-select
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
               v-if="item.type === costanti.FieldType.multiselect"
               v-model="item.arrvalue"
               label-color="primary"
@@ -770,6 +774,7 @@
 
           <q-space></q-space>
           <q-select
+            :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
             v-if="
               mytable &&
               pagination.rowsNumber > 0 &&

src/components/CMyEditElem/CMyEditElem.vue

@@ -49,6 +49,7 @@
         >
         </q-btn>
         <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
           v-if="enableAdd"
           v-model="newtype"
           dense
@@ -118,6 +119,7 @@
 
       <div class="row">
         <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
           v-if="enableEdit"
           rounded
           outlined
@@ -132,6 +134,7 @@
         >
         </q-select>
         <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
           v-if="enableEdit"
           rounded
           outlined
@@ -146,6 +149,7 @@
         >
         </q-select>
         <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
           v-if="enableEdit"
           rounded
           style="min-width: 150px"
@@ -160,6 +164,7 @@
         >
         </q-select>
         <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
           v-if="enableEdit && showFit"
           rounded
           style="width: 100px"
@@ -730,6 +735,7 @@
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.PAGE">
         <div v-if="enableEdit" class="row">
           <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
             rounded
             outlined
             v-model="myel.container"

src/components/CMyPopupEdit/CMyPopupEdit.vue

@@ -86,14 +86,22 @@
               </span>
 
               <q-btn
-                v-if="(col.tipovisu === costanti.TipoVisu.LINK || col.tipovisu === costanti.TipoVisu.NONE) && myvalue"
+                v-if="
+                  (col.tipovisu === costanti.TipoVisu.LINK ||
+                    col.tipovisu === costanti.TipoVisu.NONE) &&
+                  myvalue
+                "
                 rounded
                 size="md"
                 :class="{ disabled: disable }"
                 color="white"
                 text-color="blue"
                 :icon="`img:` + userStore.getImgUserByUsername(myvalue)"
-                :to="col.link ? col.link.replace(col.name, myvalue) : `/my/username`.replace(col.name, myvalue)"
+                :to="
+                  col.link
+                    ? col.link.replace(col.name, myvalue)
+                    : `/my/username`.replace(col.name, myvalue)
+                "
                 :label="myvalue"
               >
               </q-btn>
@@ -177,7 +185,11 @@
                 color="white"
                 text-color="blue"
                 :icon="`img:` + userStore.getImgUserByUsername(myvalue)"
-                :to="col.link ? col.link.replace(col.name, myvalue) : `/my/username`.replace(col.name, myvalue)"
+                :to="
+                  col.link
+                    ? col.link.replace(col.name, myvalue)
+                    : `/my/username`.replace(col.name, myvalue)
+                "
                 :label="myvalue"
               >
               </q-btn>
@@ -486,7 +498,13 @@
           <div v-else-if="col.fieldtype === costanti.FieldType.date">
             <div v-if="myvalue">
               <CDateTime
-                :label="col.label ? col.label : (col.label_trans ? $t(col.label_trans) : '')"
+                :label="
+                  col.label
+                    ? col.label
+                    : col.label_trans
+                    ? $t(col.label_trans)
+                    : ''
+                "
                 class="cursor-pointer"
                 v-model:value="myvalue"
                 :readonly="false"
@@ -602,6 +620,7 @@
               </CMySelect>
 
               <!--<q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                 v-model="myvalue"
                 rounded
                 outlined
@@ -655,7 +674,7 @@
             <div v-if="myvalue" :style="`color: text-${myvalue};`">
               {{ myvalue }}
             </div>
-            <div v-else> (Scegli) </div>
+            <div v-else>(Scegli)</div>
           </div>
           <div
             v-else-if="
@@ -1118,6 +1137,7 @@
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.multiselect">
               <q-select
+                :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                 v-model="scope.value"
                 rounded
                 outlined
@@ -1203,7 +1223,13 @@
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.date">
               <CDateTime
-                :label="col.label ? col.label : (col.label_trans ? $t(col.label_trans) : '')"
+                :label="
+                  col.label
+                    ? col.label
+                    : col.label_trans
+                    ? $t(col.label_trans)
+                    : ''
+                "
                 class="cursor-pointer"
                 v-model:value="myvalue"
                 :readonly="false"
@@ -1301,6 +1327,7 @@
             </div>
             <div v-else-if="col.fieldtype === costanti.FieldType.color">
               <q-select
+                :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                 rounded
                 style="min-width: 150px"
                 outlined

src/components/CMySelect/CMySelect.vue

@@ -13,6 +13,7 @@
         rounded
         outlined
         multiple
+        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
         options-dense
         map-options
         :stack-label="label ? true : false"
@@ -88,6 +89,7 @@
         :option-value="optval"
         :option-label="optlab"
         map-options
+        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
         @filter="filterFn"
         options-selected-class="text-deep-blue"
         v-bind="$attrs"
@@ -119,6 +121,7 @@
         :label="label"
         @update:model-value="changeval"
         rounded
+        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
         outlined
         @filter="filterFn"
         v-bind="$attrs"
@@ -184,6 +187,7 @@
         :option-label="optlab"
         @update:model-value="changeval"
         @filter="filterFn"
+        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
         :label="label"
         :use-input="useinput"
         @new-value="newvaluefuncfirst"

src/components/CPhotosGallery/CPhotosGallery.vue

@@ -6,6 +6,7 @@
       <q-checkbox v-model="withCaptions" label="Didascalie">
       </q-checkbox>
       <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
         v-model="dimensione" :options="dimensioneImg"
         style="max-width: 150px"
         rounded

src/components/CProductCard/CProductCard.vue

@@ -65,6 +65,7 @@
 
           <div v-if="getnumstore() > 1">
             <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
               outlined v-model="order.idStorehouse"
               :options="getStorehouses()"
               label="Magazzino:" emit-value map-options>

src/components/CSelectAnimation/CSelectAnimation.vue

@@ -5,6 +5,7 @@
     </q-bar>
     <div class="row">
       <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
         rounded
         style="width: 150px"
         outlined
@@ -19,6 +20,7 @@
       </q-select>
 
       <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
         rounded
         style="width: 150px"
         outlined
@@ -34,6 +36,7 @@
     </div>
 
     <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
       rounded
       style="width: 150px"
       outlined
@@ -48,6 +51,7 @@
     </q-select>
 
     <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
       rounded
       style="width: 150px"
       outlined

src/components/CSelectColor/CSelectColor.vue

@@ -1,5 +1,6 @@
 <template>
   <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
     rounded
     outlined
     v-model="color"

src/components/CSelectFontSize/CSelectFontSize.vue

@@ -1,5 +1,6 @@
 <template>
   <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
     rounded
     outlined
     v-model="classfont"

src/components/CSendCoins/CSendCoins.vue

@@ -10,7 +10,8 @@
         </q-toolbar>
         <q-card-section class="q-pa-xs inset-shadow">
 
-          <q-select rounded outlined v-model="circuitsel" :options="bothcircuits" label="Circuito">
+          <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="circuitsel" :options="bothcircuits" label="Circuito">
           </q-select>
 
           <CSaldo

src/components/CSignUpIscrizioneArcadei/CSignUpIscrizioneArcadei.vue

@@ -253,6 +253,7 @@
           </q-input>
 
           <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
             rounded outlined v-model="signup.doctype"
             @blur="v$.doctype.$touch"
             :error="v$.doctype.$error"
@@ -281,6 +282,7 @@
           <br>
 
           <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
             rounded outlined v-model="signup.quota_versata"
             @blur="v$.quota_versata.$touch"
             :error="v$.quota_versata.$error"
@@ -305,6 +307,7 @@
 
 
           <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
             rounded outlined v-model="signup.metodo_pagamento"
             @blur="v$.metodo_pagamento.$touch"
             :error="v$.metodo_pagamento.$error"

src/components/CSignUpIscrizioneConacreis/CSignUpIscrizioneConacreis.vue

@@ -242,6 +242,7 @@
 
 
           <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
             rounded outlined v-model="signup.metodo_pagamento"
             :options="tools.SelectMetodiPagamento"
             :label="$t('reg.metodopagamento')" emit-value map-options>

src/rootgen/admin/importdata/importdata.vue

@@ -5,7 +5,8 @@
       <q-toggle v-model="caricaDatiToggle" @click="caricadati()"
       label="Carica Dati"></q-toggle>
       <br>
-      <q-select rounded outlined v-model="cosafare"
+      <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="cosafare"
                 :options="ListaCmd"
                 label="Operazione" emit-value map-options>
       </q-select>

src/rootgen/admin/sendpushnotif/sendpushnotif.vue

@@ -1,7 +1,6 @@
 <template>
   <CMyPage img="" title="Invio Push Notifiche" keywords="" description="">
     <div class="q-ma-sm">
-
       <q-tabs v-model="mytab" class="text-teal">
         <q-tab label="Telegram" name="telegram"></q-tab>
         <q-tab label="Notifiche Push" name="push"></q-tab>
@@ -11,39 +10,63 @@
 
       <q-tab-panels v-model="mytab" animated>
         <q-tab-panel name="telegram">
-          <div class="row center_img clBorderSteps" style="max-width: 600px;">
+          <div class="row center_img clBorderSteps" style="max-width: 600px">
             <q-select
-              rounded outlined v-model="whatMsg"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="whatMsg"
               :options="shared_consts.selectwhatMsgToSend"
-              label="Quale Messaggio" emit-value map-options>
+              label="Quale Messaggio"
+              emit-value
+              map-options
+            >
             </q-select>
-            <div v-if="whatMsg === shared_consts.whatMsgToSend.MSG_TEXT"
+            <div
-                 class="row">
+              v-if="whatMsg === shared_consts.whatMsgToSend.MSG_TEXT"
+              class="row"
+            >
               <q-input
-                v-model="mymsg" type="textarea" autofocus label="Messaggio"
+                v-model="mymsg"
+                type="textarea"
+                autofocus
+                label="Messaggio"
                 input-class="myinput-area"
-                style="height: 100px; width: 500px;"></q-input>
+                style="height: 100px; width: 500px"
+              ></q-input>
             </div>
             <div v-if="whatMsg === shared_consts.whatMsgToSend.MSG_OF_TEMPLATE">
               <q-select
-                rounded outlined v-model="templmsgid"
+                :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+                rounded
+                outlined
+                v-model="templmsgid"
                 :options="arrTemplate"
-                label="Scegli il Template di Msg da inviare" emit-value map-options>
+                label="Scegli il Template di Msg da inviare"
+                emit-value
+                map-options
+              >
               </q-select>
 
-              <CMyEditor v-if="mymsg"
+              <CMyEditor
-                         v-model:value="mymsg" :showButtons="false" :canModify="true">
+                v-if="mymsg"
-
+                v-model:value="mymsg"
+                :showButtons="false"
+                :canModify="true"
+              >
               </CMyEditor>
-
             </div>
-            <div class="q-ma-xs q-pa-xs" style="border-color: darkred; border-width: 3px;">
+            <div
+              class="q-ma-xs q-pa-xs"
+              style="border-color: darkred; border-width: 3px"
+            >
               <q-banner
                 rounded
                 dense
                 class="bg-positive text-white"
                 color="primary q-title"
-                style="text-align: center;">
+                style="text-align: center"
+              >
                 <template v-slot:avatar>
                   <q-icon name="fas fa-bullhorn" color="yellow" size="xs" />
                 </template>
@@ -52,79 +75,145 @@
               <div v-html="mymsg"></div>
             </div>
             <q-select
-              rounded outlined v-model="destination"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="destination"
               :options="shared_consts.selectDestination"
-              label="Destinazione" emit-value map-options>
+              label="Destinazione"
+              emit-value
+              map-options
+            >
             </q-select>
             <q-select
-              rounded outlined v-model="sendreally"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="sendreally"
               :options="shared_consts.selectSendReally"
-              label="Destinazione" emit-value map-options>
+              label="Destinazione"
+              emit-value
+              map-options
+            >
             </q-select>
-            <br/>
+            <br />
             <div class="">
-              <q-btn label="Invia Msg" color="primary" @click="SendMsgToAll(shared_consts.TypeSend.TELEGRAM)"></q-btn>
+              <q-btn
+                label="Invia Msg"
+                color="primary"
+                @click="SendMsgToAll(shared_consts.TypeSend.TELEGRAM)"
+              ></q-btn>
             </div>
           </div>
           <q-inner-loading id="spinner" :showing="incaricamento">
-            <q-spinner-tail
+            <q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
-              color="primary"
-              size="4em">
-            </q-spinner-tail>
           </q-inner-loading>
-
         </q-tab-panel>
         <q-tab-panel name="push">
-          <div class="row center_img clBorderSteps" style="max-width: 600px;">
+          <div class="row center_img clBorderSteps" style="max-width: 600px">
             <div class="row">
-              <q-input v-model="title" autofocus label="Titolo" style="width: 300px;"></q-input>
+              <q-input
+                v-model="title"
+                autofocus
+                label="Titolo"
+                style="width: 300px"
+              ></q-input>
             </div>
             <div class="row">
               <q-input
-                v-model="content" type="textarea" autofocus label="Contenuto"
+                v-model="content"
+                type="textarea"
+                autofocus
+                label="Contenuto"
                 input-class="myinput-area"
-                style="height: 100px; width: 500px;"></q-input>
+                style="height: 100px; width: 500px"
+              ></q-input>
             </div>
             <div class="row">
-              <q-input v-model="openUrl" autofocus label="openUrl" style="width: 200px;"></q-input>
+              <q-input
-              <q-input v-model="openUrl2" autofocus label="openUrl2" style="width: 200px;"></q-input>
+                v-model="openUrl"
-              <q-input v-model="tag" autofocus label="tag" style="width: 100px;"></q-input>
+                autofocus
+                label="openUrl"
+                style="width: 200px"
+              ></q-input>
+              <q-input
+                v-model="openUrl2"
+                autofocus
+                label="openUrl2"
+                style="width: 200px"
+              ></q-input>
+              <q-input
+                v-model="tag"
+                autofocus
+                label="tag"
+                style="width: 100px"
+              ></q-input>
             </div>
             <q-select
-              rounded outlined v-model="actiontype"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="actiontype"
               :options="shared_consts.selectActions"
-              label="Tipo Msg" emit-value map-options>
+              label="Tipo Msg"
+              emit-value
+              map-options
+            >
             </q-select>
             <q-select
-              rounded outlined v-model="destination"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="destination"
               :options="shared_consts.selectDestination"
-              label="Destinazione" emit-value map-options>
+              label="Destinazione"
+              emit-value
+              map-options
+            >
             </q-select>
             <q-select
-              rounded outlined v-model="sendreally"
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              rounded
+              outlined
+              v-model="sendreally"
               :options="shared_consts.selectSendReally"
-              label="Destinazione" emit-value map-options>
+              label="Destinazione"
+              emit-value
+              map-options
+            >
             </q-select>
-            <div v-if="actiontype === shared_consts.TypeMsg_Actions.OPZ1_2" class="row">
+            <div
-              <q-input v-model="opz1" autofocus label="Opzione 1" style="width: 100px;"></q-input>
+              v-if="actiontype === shared_consts.TypeMsg_Actions.OPZ1_2"
-              <q-input v-model="opz2" autofocus label="Opzione 2" style="width: 100px;"></q-input>
+              class="row"
+            >
+              <q-input
+                v-model="opz1"
+                autofocus
+                label="Opzione 1"
+                style="width: 100px"
+              ></q-input>
+              <q-input
+                v-model="opz2"
+                autofocus
+                label="Opzione 2"
+                style="width: 100px"
+              ></q-input>
             </div>
-            <br/>
+            <br />
             <div class="">
-              <q-btn label="Invia Msg" color="primary" @click="SendMsgToAll(shared_consts.TypeSend.PUSH_NOTIFICATION)"></q-btn>
+              <q-btn
+                label="Invia Msg"
+                color="primary"
+                @click="SendMsgToAll(shared_consts.TypeSend.PUSH_NOTIFICATION)"
+              ></q-btn>
             </div>
           </div>
           <q-inner-loading id="spinner2" :showing="incaricamento">
-            <q-spinner-tail
+            <q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
-              color="primary"
-              size="4em">
-            </q-spinner-tail>
           </q-inner-loading>
-
         </q-tab-panel>
       </q-tab-panels>
     </div>
-
   </CMyPage>
 </template>
 <script lang="ts" src="./sendpushnotif.ts">

src/rootgen/admin/userPanel/userPanel.vue

@@ -7,10 +7,12 @@
     <div v-if="myuser.username" class="q-ma-sm row bordo_stondato" style="min-width: 300px; ">
 
       <div class="row">
-        <q-select rounded outlined v-model="notifdirtype" :options="listnotiftype" label="Tipo" emit-value map-options>
+        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifdirtype" :options="listnotiftype" label="Tipo" emit-value map-options>
         </q-select>
 
-        <q-select rounded outlined v-model="notifidtype" :options="listnotifid" label="Notifica" emit-value map-options>
+        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifidtype" :options="listnotifid" label="Notifica" emit-value map-options>
         </q-select>
       </div>
 
@@ -32,10 +34,12 @@
       class="q-ma-sm row bordo_stondato" style="min-width: 300px; ">
 
       <div class="row">
-        <q-select rounded outlined v-model="notifdirtypeTest" :options="listnotiftypeTest" label="Tipo" emit-value map-options>
+        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifdirtypeTest" :options="listnotiftypeTest" label="Tipo" emit-value map-options>
         </q-select>
 
-        <q-select rounded outlined v-model="notifidtypeTest" :options="listnotifidTest" label="Notifica" emit-value map-options>
+        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifidtypeTest" :options="listnotifidTest" label="Notifica" emit-value map-options>
         </q-select>
       </div>
 
@@ -75,6 +79,7 @@
 
       <q-space></q-space>
       <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
         v-model="colVisib"
         rounded
         outlined