zestedesavoir / zds-site

Cœur du projet technique de Zeste de Savoir
https://zestedesavoir.com
Other
268 stars 161 forks source link

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

Open A-312 opened 4 years ago

A-312 commented 4 years ago

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% :

à 100 %

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 commented 4 years ago

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