cheeaun / phanpy

A minimalistic opinionated Mastodon web client
https://phanpy.social
MIT License
1.09k stars 107 forks source link

Boosts carousel shows only 2 posts #570

Open Tealk opened 5 months ago

Tealk commented 5 months ago

Describe the bug Since the last update, I can no longer click on the boost carousel beyond the second post. I use multiple columns. It works with scrolling.

To Reproduce Steps to reproduce the behavior: 1) open phanpy 2) go to the boost carousel 3) click on the arrow to the right

Expected behavior all 14 boosts are switched through

Screenshots grafik

Desktop (please complete the following information):

JerryLerman commented 5 months ago

I have the same issue on https://phanpy.hear-me.social, but only when I use multi-column. I use Firefox, but also duplicated it in Vivaldi.

fresseng commented 5 months ago

Same issue on Firefox on Linux on https://fediscience.org, also only in multicolumn.

Squaredude commented 5 months ago

Confirming this issue on multicolumn layout:

https://phanpy.social version 2024.06.03.0a6030c

Firefox version 126.0.1 (64-bit)

OS pop_OS! 22.04 LTS

cheeaun commented 5 months ago

Unfortunately unable to reproduce this on my side (Firefox 127, macOS). I'll need more info/help:

Screenshots would be useful too (with Cloak mode if there's privacy concern).

Squaredude commented 5 months ago
* Is it only the Following column?

So far, I have this happening in Following and a List column.

* What's the position of the column(s) that has this issue?

The 2nd and the 4th columns, originally. I swapped them around and can confirm the order does not matter (at least for me).

* Are you able to click it if resize the window larger/smaller?

As a matter of fact, yes! I resized the window and the carousel works as expected. Once I maximize the window, the problem returns.

Screenshots:

image

At first, the carousel is untouched.

I click on the arrow to see the next posts...

image

I can only click twice, even if there's more posts to see.

Furthermore, if I want to return to the first post, I can't. The carousel stops in the second post:

image

EDIT:

Screen size: 1920 x 1080.

When I wrote that, I realized I gave you a wrong information. It shouldn't be "screen size" but "resolution". The actual screen size is less, not only in height but also in width.

When I swapped my browser's window to the side monitors, where I don't have the dock taking up space (width), the carousel works perfectly. When I bring the browser back to the main monitor and use the window in its maximized state, the carousel breaks.

As it's happening with Linux desktops, I wonder if the others are also using the dock to the side (in my case, the left side) as I am?

And I'm guessing that's why someone on Mac won't see the problem.

EDIT AGAIN:

The problem persists, but I found out another thing. The number of columns seems to play a part as well.

Surprisingly, this problem only happens with 5 columns. I added a 6th and a 7th, and it does not happen!

At 5 columns, it's the perfect fit for the window. At 6 columns, I have to scroll horizontally.

scambier commented 4 months ago

Same issue here with 4 columns, in 1920x1080, BUT my Windows toolbar is set vertically, so the effective window.innerWidth is 1858px.

When I move Firefox and maximize it to my second screen that doesn't have the toolbar, the bug is not present.

Squaredude commented 2 months ago

I have no idea why it took me this long to realize this, but just in case anyone else needs to know while we wait for this bug to be fixed: you can use the carousel without the bug if you use SHIFT + scroll wheel (the mouse pointer must be focused on the carousel you want to scroll through).

fresseng commented 2 months ago

Works like a charm, thanks !

Le 20/08/2024 à 23:39, Squaredude a écrit :

I have no idea why it took me this long to realize this, but just in case anyone else needs to know while we wait for this bug to be fixed: you can use the carousel without the bug if you use SHIFT + scroll wheel.

— Reply to this email directly, view it on GitHub https://github.com/cheeaun/phanpy/issues/570#issuecomment-2299811175, or unsubscribe https://github.com/notifications/unsubscribe-auth/AACNG6GANGH2A4N5K7TRLIDZSOZSNAVCNFSM6AAAAABJDTP5JCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEOJZHAYTCMJXGU. You are receiving this because you commented.Message ID: @.***>

-- Pour les urgences, préférer Rocket.Chat https://chat.univ-lorraine.fr ou le téléphone. Rappelons-nous du bon usage de https://ent.univ-lorraine.fr/html/charte_messagerie_electronique.pdfla messagerie électronique https://ent.univ-lorraine.fr/html/charte_messagerie_electronique.pdf. Chiffrons nos messages https://wiki.univ-lorraine.fr/bin/view/publique/dn/com/messagerie/Utilisation%20du%20webmail/Fonctionnalit%C3%A9s%20avanc%C3%A9es/Messagerie%20s%C3%A9curis%C3%A9e/.


Nicolas Fressengeas https://fressengeas.netORCID iD icon https://orcid.org/0000-0002-5534-712X

Vice Président de l'Université de Lorraine https://www.univ-lorraine.fr/chargé du Numérique https://numerique.univ-lorraine.fr/, des Données https://dorel.univ-lorraine.fr/ et de la Science Ouverte http://scienceouverte.univ-lorraine.fr/ /(Vice President in charge of the digital policy, research data https://dorel.univ-lorraine.fr/ and Open Science http://scienceouverte.univ-lorraine.fr/en/home/)/

Chargé de mission Science Ouverte https://www.ouvrirlascience.fr/, volet international, auprès du Ministère de l'Enseignement Supérieur et de la Recherche https://www.enseignementsup-recherche.gouv.fr (Open Science Officer in charge of international affairs for the French ministry of Higher Education and Research https://www.enseignementsup-recherche.gouv.fr)

Présidence de l'Université de Lorraine Île du Saulcy 57000 METZ +33 (0)6 03 47 43 11

logo de l'Université de Lorraine

Retrouvez toute l'actualité de l'université sur

Factuel, l'actu de l'Université de Lorraine http://factuel.univ-lorraine.fr

Et suivez-nous sur les réseaux sociaux

Facebook https://www.facebook.com/UnivLorraineTwitter https://twitter.com/Univ_Lorraine/ Linkedin https://www.linkedin.com/school/universit-de-lorraine/ Instagram https://www.instagram.com/univlorraine/ Flux RSS Factuel http://factuel.univ-lorraine.fr/feed//rss-articles.xml