Foro

Home Forums PhoneGap Keyboard se superpone sobre input

This topic contains 4 replies, has 3 voices, and was last updated by  Juan Pablo Góngora 2 meses, 1 semana .

Viendo 5 respuestas - de la 1 a 5 (de 5 en total)
  • Keyboard se superpone sobre input

    Intervenciones
  • fabdelgado 
    Participant

    Hola, tengo un problema con el teclado se solapa con el input en lugar de verse el input.

    Dejo mi codigo.

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
    24.
    25.
    26.
    27.
    28.
    29.
    30.
    31.
    32.
    33.
    34.
    35.
    36.
    37.
    38.
    39.
    40.
    41.
    42.
    43.
    44.
    45.
    46.
    47.
    48.
    49.
    50.
    51.
    52.
    53.
    54.
    55.
    56.
    57.
    58.

    <ion-content class="start" scroll="false">
          <ion-slides class="slider_start" options="options" slider="data.slider">
            <ion-slide-page>
              <div>
                <div>
                <span class="text_login">Reserva tus </span>
                <span class="text_login">viajes en grupo</span>
              </div>
              </div>
            </ion-slide-page>
            <ion-slide-page>
              <div>
                <div>
                <span class="text_login">Gestiona</span>
                <span class="text_login">los gastos</span>
              </div>
              </div>
            </ion-slide-page>
            <ion-slide-page>
              <div>
                <div>
                <span class="text_login">Planea tus </span>
                <span class="text_login">aventuras</span>
              </div>
              </div>
            </ion-slide-page>
            <ion-slide-page>
              <div>
                <div>
                <span class="text_login">Guarda tus </span>
                <span class="text_login">recuerdos</span>
              </div>
              </div>
            </ion-slide-page>
          </ion-slides>
          <div>
            <span class="ingresa">INGRESA</span>
            <form class="form" ng-submit="login(user)">
            <div>
                <label class="item item-input item-color">
                    <i class="fa fa-envelope placeholder-icon" style="color:#1e88e5;font-size: 15px;"></i>
                    <input type="email" class="input-login" placeholder="CORREO ELECTRÓNICO" ng-model="user.email">
                </label>
                <label class="item item-input item-color">
                    <i class="fa fa-unlock placeholder-icon" style="color:#1e88e5;font-size: 15px;"></i>
                    <input type="text" class="input-login" placeholder="CONTRASEÑA">
                </label>
                    <a href="/recovery-pass">¿OLVIDASTE LA CONTRASEÑA?</a>
            </div>
            <div>
                <button type="submit" class="btn btn-login white z-depth-0">
                    <i class="icon"></i>
                    <span class="blue-text text-darken-2">INICIA SESIÓN</span>
                </button>
            </div>
        </form>
          </div>
        </ion-content>

    • This topic was modified 6 meses, 1 semana by Jose Jesus Perez Rivas Jose Jesus Perez Rivas. Reason: Debes utilizar la opción de publicar código

    • This topic was modified 6 meses, 1 semana by Jose Jesus Perez Rivas Jose Jesus Perez Rivas. Reason: Debes utilizar la opción de publicar código
    Jose Jesus Perez Rivas
    Jose Jesus Perez Rivas 
    Keymaster

    Hola @fabdelgado,

    Si no recuerdo mal esto viene vinculado a la preferencia “fullscreen” del config.xml de tu proyecto.

    Prueba a ponerla a false:

    1.  <preference name="fullscreen" value="false" />

    Ya nos cuentas como te va ;)


    CEO y Director de desarrollo en Cero y Uno Desarrollamos Aplicaciones – ¿tienes algún proyecto? ¡trabajemos juntos! contacto@ceroyuno.eshttp://www.ceroyuno.es Fundador de PhoneGap Spain http://www.phonegapspain.com Twitter: https://twitter.com/JoseJ_PR


    Juan Pablo Góngora 
    Participant

    Hola, yo tengo el mismo problema.

    Existe alguna forma de solucionarlo sin quitar el fullscreen? ya que necesito que mi app se vea en pantalla completa.


    Jose Jesus Perez Rivas
    Jose Jesus Perez Rivas 
    Keymaster

    Hola @juan_pablo_gongora,

    Que yo tenga constancia no…., pero si encuentras alguna solución, te invito a compartirla, que a más de uno nos vendrá bien :)

    Saludos!


    CEO y Director de desarrollo en Cero y Uno Desarrollamos Aplicaciones – ¿tienes algún proyecto? ¡trabajemos juntos! contacto@ceroyuno.eshttp://www.ceroyuno.es Fundador de PhoneGap Spain http://www.phonegapspain.com Twitter: https://twitter.com/JoseJ_PR


    Juan Pablo Góngora 
    Participant

    Gracias Jose, estaba pensando que tal vez la solución sea poder activar y desactivar el fullscreen. Osea que al hacer foco sobre el input pase a fullscreen=false y al salir del input vuelva a fullscreen=true pero no encuentro información de como hacerlo…

    Saludos!


Viendo 5 respuestas - de la 1 a 5 (de 5 en total)

You must be logged in to reply to this topic.