Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Add smooth horizontal scroll on board 🖱️

Offen Anfängerfreundlich
#615 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

@Rahul-pamula arbeitet bereits daran.

Seit 12.10.2026.

Bewertung

Schwierigkeit
1/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
85/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Aktiv
Tech-Stack
javascript, react, tailwindcss
Bereich
frontend

Rechercherichtung

Öffne client/src/components/Board/KanbanBoard.jsx und suche das Board-div. Lies dann index.css, um herauszufinden, wo die Board-Stile hingehören. Füge das vorgegebene Scrollverhalten und die Scrollbar-Stile in diesen beiden Dateien hinzu. Fertig ist die Aufgabe, wenn das horizontale Scrollen auf dem Board flüssig funktioniert und die Scrollbar dünn ist und die angegebene Farbe hat.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

good first issue

Add smooth horizontal scroll on board 🖱️

File: client/src/components/Board/KanbanBoard.jsx

Board scrolls horizontally but it's
instant and jarring 💀 fr!!

Fix: add scroll behavior to board div:
// in index.css:
.board-scroll {
scroll-behavior: smooth;
scrollbar-width: thin;
scrollbar-color: #2a2a2f transparent;
}

// in KanbanBoard.jsx board div:
className="board-scroll flex gap-4 p-4
overflow-x-auto h-full"

~4 lines across 2 files!
No backend needed 🎯

Vorherrschende Sprache
JavaScript
Sterne
39
Forks
105
Ø Merge
1 T. 17 Std.
Gemergte PRs (30 T.)
33

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus anoopcodehack/DevBoard

Alle Issues in anoopcodehack/DevBoard

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.