explore seite - fehler #27

Closed
opened 2026-08-16 13:01:46 +02:00 by admin · 2 comments
Owner

Auf der Explore Seite, ist ein fehler aufgetreten den wir nicht gesehen haben.

durch die einführung neuer Tierarten ist die Suchleiste zu breit geworden hier gibt es keinen scroller der nur Trending +3 weitere tierarten anzeigt. nein es sind alle auf einmal sichtbar.
anbei ein screenshot

Auf der Explore Seite, ist ein fehler aufgetreten den wir nicht gesehen haben. durch die einführung neuer Tierarten ist die Suchleiste zu breit geworden hier gibt es keinen scroller der nur Trending +3 weitere tierarten anzeigt. nein es sind alle auf einmal sichtbar. anbei ein screenshot
Author
Owner

Behoben und live (2026-08-16). Ursache: Die Tab-Leiste (TabsList) hat keinen Overflow-Handler, dadurch quetschen sich bei 14 Tierarten alle Tabs in eine Zeile statt zu scrollen. Fix: Tab-Leiste in einen horizontal scrollbaren Container gewrappt, nur auf der Explore-Seite (die geteilte Tabs-Komponente wird an anderen Stellen mit fester, kleiner Tab-Anzahl genutzt und ist nicht betroffen). Per neuem Zero-Downtime-Rolling-Deploy ausgerollt, Commit dfb01b2.

Behoben und live (2026-08-16). Ursache: Die Tab-Leiste (TabsList) hat keinen Overflow-Handler, dadurch quetschen sich bei 14 Tierarten alle Tabs in eine Zeile statt zu scrollen. Fix: Tab-Leiste in einen horizontal scrollbaren Container gewrappt, nur auf der Explore-Seite (die geteilte Tabs-Komponente wird an anderen Stellen mit fester, kleiner Tab-Anzahl genutzt und ist nicht betroffen). Per neuem Zero-Downtime-Rolling-Deploy ausgerollt, Commit dfb01b2.
admin closed this issue 2026-08-16 13:34:51 +02:00
Author
Owner

Nachbesserung (2026-08-16): Nach dem ersten Fix gab es noch zwei UX-Probleme, jetzt auch behoben:

  1. Doppelte Scrollbar (eine überflüssige vertikale + eine klobige horizontale) — behoben mit overflow-y-hidden und einer sauberen scrollbar-hide-Utility.
  2. Auf Desktop ließ sich die Tab-Leiste ohne sichtbare Scrollbar gar nicht mehr verschieben (Mausrad scrollt standardmäßig nur vertikal) — behoben mit einem kleinen Hook, der Mausrad-Bewegung in horizontales Scrollen übersetzt. Touch/Trackpad blieben davon unberührt, funktionierten schon vorher.

Als Nebeneffekt wurde dieselbe Lücke auch in der Story-Leiste im Feed behoben (identisches Muster, gleiche Ursache).

Commits: 0f3b672, 824927c. Verifiziert auf Mobile und Desktop.

Nachbesserung (2026-08-16): Nach dem ersten Fix gab es noch zwei UX-Probleme, jetzt auch behoben: 1. Doppelte Scrollbar (eine überflüssige vertikale + eine klobige horizontale) — behoben mit overflow-y-hidden und einer sauberen scrollbar-hide-Utility. 2. Auf Desktop ließ sich die Tab-Leiste ohne sichtbare Scrollbar gar nicht mehr verschieben (Mausrad scrollt standardmäßig nur vertikal) — behoben mit einem kleinen Hook, der Mausrad-Bewegung in horizontales Scrollen übersetzt. Touch/Trackpad blieben davon unberührt, funktionierten schon vorher. Als Nebeneffekt wurde dieselbe Lücke auch in der Story-Leiste im Feed behoben (identisches Muster, gleiche Ursache). Commits: 0f3b672, 824927c. Verifiziert auf Mobile und Desktop.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: admin/petfeed#27