maira's questions

Tenho esse código dentro de um TextFormField que manipula a ida para a próxima caixa, mas só retorna quando a caixa de entrada estiver completa.

onChanged: (value) {
     if (value.length == 1 && index < 5) {
           FocusScope.of(context).nextFocus();
      }
     if ((controllers[index].text.isEmpty || value.isEmpty) &&
                                  index > 0) {              
          FocusScope.of(context).previousFocus();
      }
    setState(() {});
 },

Digamos que eu queira voltar no meio da digitação. Como posso fazer isso?

Aqui está o meu código:

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 160;
    font-family: Cochin;
}

body {
    width: 90%;
    margin: auto;
}

header {
    background: url("../images/background_cover.jpg");
    background-size: cover;
    h1, h3 {
        display: grid;
        place-items: center;
        color: white;
        padding: 1.5rem;
    }
    h3 {
        font-size: clamp(1rem, 1.2vw, 3rem);
        padding: 2rem;
    }
}

Todo o resto parece funcionar bem, exceto o bloco h1, h3 {}. Também testei alguns outros arquivos CSS que não são meus e o problema parece persistir. Mudei um pouco para o Chrome e tudo parece ótimo, mas prefiro entender o problema e continuar com o safari.

Também procurei soluções on-line, limpei meu cache, desativei extensões e nada pareceu funcionar.