zds-site icon indicating copy to clipboard operation
zds-site copied to clipboard

[EasyMDE] Bug étrange avec zoom + window.devicePixelRatio !== zoom / 100

Open A-312 opened this issue 4 years ago • 1 comments

Nohar (Ubuntu 18.04 Chrome 79.0) rencontre un bug avec l'éditeur quand il utilise la fonctionnalité zoom sinon tout fonctionne bien :

Il n'y a que chez moi que la souris est complètement à l'ouest dans le nouvel éditeur de ZdS ? Quand j'ai du texte simple, ça va, mais dès lors que je commence à avoir des titres ou des choses formatées, si je clique quelque part dans mon texte, le curseur se retrouve n'importe où sauf là où j'ai cliqué

image

Sur mon PC je n'ai pas pu reproduire le problème. Chez lui, window.devicePixelRatio ne correspond pas au zoom appliqué (chez moi devicePixelRatio === zoom / 100) pas chez lui.

Test 1

On a essayé : https://codepen.io/reinis/pen/RooGOE quand on zoom à 150% :

  • J'ai : 1.52 / 2.28
  • Nohar a : 3.07 / 3.38

à 100 %

  • J'ai : 1.01 / 1.01
  • Nohar a : 1.10 / 1.21

Test 2

Tu peux me prendre un screenshot de la page web entière, et cliquer sur un endroit spécifique comme : -><- et me dire où le curseur va ? par exemple :

# Voici mon titre
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tinci
t molestie venenatis. Sed ultricies elementum nibh in blandit. Praesent sed fermentum lorem. Vestibulum et elit nunc. Aliqua**m felis ris**us,
lus felis lorem, dictum nec consectetur sed, placerat id augue. Aenean vel pulvinar tellus. Sed sodales dignissim nulla at interdum. Pellentesque tur
Voici ma dernière phrase `-><-`
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tinci
t molestie venenatis. Sed ultricies elementum nibh in blandit. Praesent sed fermentum lorem. Vestibulum et elit nunc. Aliquam felis risus,
lus felis lorem, dictum nec consectetur sed, placerat id augue. Aenean vel pulvinar tellus. Sed **sodales dignissim nulla at interdum. Pel**lentesque tur

Réponse de Nohar :

image J'ai cliqué sur -><- Chose amusante, si j'amène la ligne qui contient -><- de manière à ce qu'elle se trouve tout en haut de l'écran, le curseur apparaît sur la bonne ligne En gros, plus je clique bas ou à droite, plus le curseur est dans les choux. J'ai donc l'impression qu'il y a un scale factor appliqué à la position de la souris, mais relativement à l'origine de l'écran, plutôt que celle de la zone de texte.

Test 3

Quel est ta résolution ? Dans la console devicePixelRatio est égale à 1 avec zoom normal (100%) ?

1920x1080, devicePixelRatio vaut 1.100000023841858

Test 4

Si à 125%, tu ouvres la console et que tu mets : window.devicePixelRatio = 1.25 est-ce que l'éditeur fonctionne correctement ?

Non.

A-312 avatar Jan 26 '20 11:01 A-312

J'ai vu certain article conseillé de lancer chrome avec: --high-dpi-support=1 --force-device-scale-factor=1

A-312 avatar Jan 26 '20 21:01 A-312