Décalage du body lors du focus sur un input nombre.

Bonjour,

Je poste dans "responsive", mais ma difficulté est certainement à cheval avec du CSS et du Javascript.

Je développe une application éducative sous licence libre :
https://achampollion.forge.aeif.fr/estimation/
dont le but est de travailler l'estimation à partir d'une droite non graduée.

Et j'ai un "bug" qui ne se produit que sur mobile, pour le reproduire :
- ouvrir le panneau des options (menu sandwich en haut à gauche)
- cliquer sur le "10" pour chercher à éditer la valeur "max"

Le body se décale vers la gauche, masquant partiellement le menu et faisant apparaître l'autre panneau, celu des statistiques, normalement accessible via un bouton en haut à droite.

Ces deux panneaux sont en position absolute, et "cachés" via une position "left" / "right" que je ramène à zéro lors du clic sur le bouton.

Je ne parviens pas à identifier la cause de ce comportement, d'autant que je ne reproduis pas avec le mode adaptatif du navigateur de l'ordinateur. Et aussi, ça ne fait qu'avec ce champ de formulaire (et pas la valeur "min" par exemple).

Merci de votre aide,
Modifié par Arnaud04 (02 Mar 2024 - 11:54)

@niuxe : tu estimes entre 0 et 10 la graduation indiquée visuellement par la flèche.
Mais je n'ai pas compris tout de suite moi non plus.

@Arnaud04 : désolé, je n'ai pas réussi à reproduire le bug (je suis sous Android).
Modifié par Olivier C (02 Mar 2024 - 15:44)

Bonjour,

Déjà, vider le cache du navigateur !

Amicalement,