Estoy usando la función de retención táctil vue-touch- touchhold para crear una función de "vistazo" para una aplicación de iOS y Android en la que estoy trabajando, creada con Capacitor JS

La aplicación funciona bien, pero no parece haber un complemento principal en la lista para crear una función de "vistazo" (donde el usuario toca prolongadamente y luego el teléfono vibra y aparece un texto)

Tengo esta parte funcionando, pero mi problema es que en un dispositivo físico, en iOS, el evento de presión prolongada ( touchhold ) desencadena una selección del texto, ese es el cuadro de selección de iOS que es azul y permite que un usuario elija cosas como: copiar, pegar, etc...

Agregué lo siguiente a mi componente que envuelve el texto y/o el botón que se debe mirar:

 <template> <div unselectable="on" onselectstart="return false;" v-touch:touchhold="peek" onmousedown="return false;" class="tw-select-none"> <slot name="activator"></slot> </div> </template>

Estoy usando Tailwind CSS, pero he intentado lo siguiente:

• user-select: none ya está aplicado
• onmousedown está configurado para devolver false
• onselectstart está configurado para devolver false
• unselectable está activado
• Tengo algunos CSS personalizados para selecciones (que no hacen ninguna diferencia) establecidos como:

 ::selection, ::-moz-selection, ::-webkit-selection { background: #000; color :#fff; }

A pesar de todo esto, todavía aparece el molesto cuadro de selección de iOS sobre todo , ¿cómo puedo desactivarlo? ¿O solucionar esto? ¿Quizás hacerlo transparente de alguna manera?