problèmes de scroll
publié le , mis à jour@pmiossec suite à #1931 @pyrog a noté qu'il y a des problèmes de scroll :
-
quand il n'y a qu'1 photo affichée et que le curseur de la souris est à droite de cette photo, la molette ne marche plus. J'imagine qu'elle voudrait scroller en horizontal mais il n'y a qu'1 photo donc rien à scroller. Et l'utilisateur s'attend à un scroll vertical.
-
quand il y a beaucoup de photos, le scroll au touchpad avec 2 doigts se retrouve inversé : le geste Gauche/Droite ne fait rien, et le geste Haut/Bas fait soit rien (sur windows/edge) soit fait défiler les photos mais hyper doucement (sur ubuntu/firefox)
https://cartes.app/?allez=Jardin+Sarah+Halimi+et+Mireille+Knoll%7Cw1161202427%7C2.47145%7C48.83356
pyrog
Test avec Safari (pour éliminer un problème avec Chrome). Je suis toujours sous macOS.
Idem. Plus précisément j'observe des différences dans le déclenchement du comportement :
- quand il n'y a qu'1 photo affichée et que le curseur de la souris est à droite de cette photo, la molette ne marche plus.
En fait ça n'a rien à voir avec le nombre de photo dans la liste du haut.
- Je fais défiler les photos (glissement de 2 doigts H/B sur le trackpad)
- Impossible de faire défiler la fiche du POI 😢
- Je survole un des boutons (Y aller, Favoris… Modifier ce lieu, Ecrire un avis)
- Je fais un défilement H/B de la fiche du POI. Elle défile bien 😎
En fait c'est même plus subtil. C'est le survol de certaines zones de la fiche qui débloque le défilement :
- Le titre
- Les 4 boutons et en dessous.
C'est en fait a zone de la photo de la fiche qui ne répond pas du tout
Test avec Firefox.
C'est le défilement horizontal qui fonctionne dans la liste de photos 😎
Et c'est toujours la zone de la photo de l'objet (en rouge) qui bloque le défilement.
S_t_C
@pyrog wrote in https://codeberg.org/cartes/web/issues/2058#issuecomment-13422864:
Et c'est toujours la zone de la photo de l'objet (en rouge) qui bloque le défilement.
Oui, pour moi c'est le principal symptôme : la zone en rouge dans l'image du message précédent est insensible au défilement vertical ; quand le curseur s'y trouve, il faut le déplacer en dehors de la zone pour retrouver le défilement
etienneJr
@S_t_C wrote in https://codeberg.org/cartes/web/issues/2058#issuecomment-13422987:
la zone en rouge dans l'image du message précédent est insensible au défilement vertical ;
Oui, c'est ce que j'avais essayé d'exprimer dans mon point 1. Merci de l'avoir reformulé plus clairement 😅 Techniquement c'est logique, dans cette zone, la molette déclenche un scroll horizontal... qui n'existe pas.
Oui, c'est ce que j'avais essayé d'exprimer dans mon point 1.
Tu parlais de la liste de la photo de la fiche. Je comprenais la liste des photos sous le clic 😆
J'ai fait une requête overpass pour trouver des objets avec 4 photos Commons. Overpass va mieux, mais Cartes ne supporte pas les valeurs multiples pour le tag
wikimedia_commons.Exemples :
- Bâtiment hébergeant le musée des transmissions
- Tombe de Guillaume Corneille van Beverloo
Heureusement, ce POI n'a que 2 photos (1 bandeau moche du site web qui à l'avantage d'être très large, 1 photo Commons). Du coup on voit que cette zone peut défiler à l'horizontale.
Test sous Windows avec Chrome et Edge.
Le problème du scrolling est reproductible.
Pour faire défiler les photos dans une liste, l'utilisation de la molette de la souris est intuitive.
Sur le touchpad du Mac, le geste qui simule la molette est bien un glisser vertical avec 2 doigts.
Le comportement est cohérent mais du coup peu naturel et perturbant pour l’utilisateur.
Firefox doit avoir un réglage pour éviter ça. A creuser
laem
Oulah, je crois que j'avais mal compris la PR initiale. Elle fait visiblement un truc un peu trop magique. Ça me semblait moins problématique avant.
En résumé, la PR a essayé de régler le problème pour la molette de souris mais a complètement cassé l'expérience pour les pavés tactiles, qui ont des changes de largement dominer la molette de souris dans la population générale 😅
Je crois avoir corrigé les deux points problématiques ici. Je vous laisse tester :)