0df5dc03fa
Le meta viewport manquant n'expliquait pas tout : le clavier s'ouvrait puis se refermait apres une demi-seconde. C'est le focus qui etait perdu, pas la saisie qui n'arrivait pas. Sur Flutter web, un AutofillGroup se materialise par un <form> DOM qui porte les inputs caches par lesquels passe la saisie. L'ouverture du clavier redimensionne la fenetre, l'ecran se reconstruit, le groupe d'autofill est renegocie et le <form> recree : l'input focus disparait avec lui. Sur desktop rien ne redimensionne au clic, d'ou un bug invisible hors mobile. L'AutofillGroup est retire — les autofillHints portes par chaque champ suffisent au navigateur pour proposer le remplissage, le groupe ne servait qu'a finishAutofillContext. Trois protections completent la correction : - les deux champs passent par un TextEditingController detenu par le State, donc la saisie survit a une reconstruction, la ou initialValue repartait de zero ; - ils portent une ValueKey stable, pour etre reapparies plutot que recrees si la structure de leurs freres bouge ; - le Scaffold ne se redimensionne plus a l'ouverture du clavier ; le contenu est deja dans un SingleChildScrollView, rien ne reste masque. Au passage, le pre-remplissage de developpement (localhost) etait ecrit dans build() a chaque reconstruction : il passe dans initState, ou il a du sens. Le routeur, lui, etait fabrique dans le builder d'un FutureBuilder et l'appel a getInstanceInfo partait de l'arbre passe a runApp. Chaque passage du builder rendait un GoRouter neuf, donc un arbre neuf et un historique perdu. Les deux sont desormais resolus une fois, avant runApp — 45 lignes de moins. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
58 lines
1.8 KiB
Dart
58 lines
1.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:manager_app/l10n/app_localizations.dart';
|
|
import 'package:manager_app/Components/text_field_container.dart';
|
|
import 'package:manager_app/constants.dart';
|
|
|
|
class RoundedPasswordField extends StatefulWidget {
|
|
final ValueChanged<String> onChanged;
|
|
final String initialValue;
|
|
final TextEditingController? controller;
|
|
const RoundedPasswordField({
|
|
Key? key,
|
|
required this.onChanged,
|
|
required this.initialValue,
|
|
this.controller,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
_RoundedPasswordFieldState createState() => _RoundedPasswordFieldState();
|
|
}
|
|
|
|
class _RoundedPasswordFieldState extends State<RoundedPasswordField> {
|
|
bool isVisible = true;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return TextFieldContainer(
|
|
child: TextFormField(
|
|
obscureText: isVisible,
|
|
onChanged: widget.onChanged,
|
|
controller: widget.controller,
|
|
initialValue: widget.controller == null ? widget.initialValue : null,
|
|
autofillHints: const [AutofillHints.password],
|
|
cursorColor: kPrimaryColor,
|
|
style: TextStyle(fontSize: 16, color: kInk),
|
|
decoration: InputDecoration(
|
|
isDense: true,
|
|
contentPadding: const EdgeInsets.symmetric(vertical: kSpace3),
|
|
hintText: AppLocalizations.of(context)!.password,
|
|
hintStyle: TextStyle(fontSize: 16, color: kInk3, fontWeight: FontWeight.normal),
|
|
icon: Icon(
|
|
Icons.lock,
|
|
color: kPrimaryColor,
|
|
),
|
|
suffixIcon: IconButton(
|
|
icon: Icon(Icons.visibility),
|
|
onPressed: () {
|
|
setState(() {
|
|
isVisible = !isVisible;
|
|
});
|
|
},
|
|
color: kPrimaryColor,
|
|
),
|
|
border: InputBorder.none,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
} |