Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Add smooth horizontal scroll on board 🖱️

Abierto Apto para principiantes
#615 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

@nikhil9verma ya está trabajando en esto.

Desde el 14/10/2026.

Evaluación

Dificultad
1/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
85/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
javascript, react, tailwindcss
Área
frontend

Línea de trabajo

Abre client/src/components/Board/KanbanBoard.jsx y busca el div del tablero. Después, lee index.css para ver dónde deben ir los estilos del tablero. Añade el comportamiento de desplazamiento y los estilos de la barra de desplazamiento proporcionados en esos dos archivos. La tarea estará completa cuando el desplazamiento horizontal del tablero sea fluido y la barra de desplazamiento sea fina y tenga el color especificado.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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 🎯

Lenguaje dominante
JavaScript
Estrellas
39
Forks
105
Merge medio
1 d 16 h
PR fusionados (30 d)
35

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de anoopcodehack/DevBoard

Todos los issues de anoopcodehack/DevBoard

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.