0

Boa noite! Estou desenvolvendo um app utilizando Ionic / Angular, mas estou com um problema. Ao clicar no teclado, os elementos do formulário, sobrescrevem o menu e o logotipo.

Desejo ocultar as divs responsáveis pela exibição do menu e do logotipo, estou usando no html:

<div class="container top" [hidden]="keyboard.isVisible" > 

Porém só está ocultando as divs, ao digitar algo usando o teclado e não ao clicar no input como era esperado.

Agradeço a atenção.

3
  • Quando abre o teclado a div não é escondida? Só quando começa a digitar algo?
    – Sam
    Commented 5/02/2020 às 18:11
  • Exatamente sam! O esperado era ao clicar, já esconder. Commented 5/02/2020 às 18:23
  • tenta setar uma boolean pra true no focus do input Commented 6/02/2020 às 13:37

1 Resposta 1

1

seta um ngmodel nos seus forms field #formfield

<div class="container top" *ngif="!formfield.focused" > 

Algo nessa linha de quando os formfield forem focados, sua div não aparece.

3
  • SEU CONTAINER <div class="container top" *ngif="!formfield.focused" > Commented 6/02/2020 às 15:34
  • @RenanMartins na verdade responde sim, eu como usuário de Angular e de Ionic digo que é este um provavel caminho, claro que ele poderia ter escrito o que colocou no comentário, mas é provavel falta de experiencia em responder perguntas.
    – Syzoth
    Commented 6/02/2020 às 18:26
  • @GuilhermeNascimento Ok
    – renanvm
    Commented 6/02/2020 às 19:04

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .