AlexDmr / ccbl-gfx-angular-dev

0 stars 0 forks source link

Scène Maison #7

Closed AlexDmr closed 4 years ago

AlexDmr commented 4 years ago

Problème lorsque je scrolle vers le bas, ça remonte automatiquement au début de page. Reproduction du bug

Si on repasse en mode jour, le problème persiste. Avant de passer en mode nuit , le problème ne se manifeste pas.

Badzi007 commented 4 years ago

c'est un problème au niveau du composant horloge il existe aussi dans scène heating je vais y travailler pour le résoudre le plus tôt possible

Badzi007 commented 4 years ago

pour la reproduction du problème il faut se mettre sur l'horloge Electronique pour éventuellement modifier l'heure comme la valeur elle change automatiquement et qu'il y a dessus le curseur ça fait automatiquement le focus quand le valeur change . je vais regarder si il y a moyen de désactiver le focus

Badzi007 commented 4 years ago

après plusieurs recherche je remarque que le problème est uniquement sur google chrome qui semble interpréter de cette manière et donc on a 2 solution a ca: -solution 1: désactiver le scrolling tant que le curseur est en focus sur le champs input d'heure -solution 2: désactiver l'auto-incrémentation d'heure tant que le curseur est en focus sur le champs input d'heure sinon on peux toujours laisser le système comme il est maintenant vu que la modification d'heure est uniquement pour tester les fonctionnalité en développement

AlexDmr commented 4 years ago

On peut s'abonner au scroll sur la fenêtre je pense. Si focus sur inputClockalors abonnement sur scroll Si scroll pendant abonnement, alors inputClock.blur() Si blur sur inputClock alors désabonnement du scroll

Badzi007 commented 4 years ago

si on fait cette méthode ça risque de mal fonctionner avec Microsoft Edge qui interprète de cette maniéré image

Badzi007 commented 4 years ago

c'est bon j'ai tester une solution sur les 3 navigateur et ça fonctionne correctement j'ai ajouter a l'input (scroll)="onScroll($event) et mettre la méthode dans la méthode

  onScroll(event) {
    this.clock.nativeElement.blur();
  }