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

Settings Markup and Styles: the text area is wider than the page

Abierto
#660 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

@guidol-ive ya está trabajando en esto.

Desde el 28/10/2026.

  • #661 de @guidol-ive — abierto

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Estancado
Stack tecnológico
css, html, javascript
Área
frontend

Línea de trabajo

Start with the markup and styles settings views at settings/markup and settings/styles, then find where their HTML and CSS text areas and the default theme’s read-only <pre> are rendered and styled. Check the layout in a narrow window and on a phone; done means all three stay within the theme column, with overflow scrolling inside the text area or code block.

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

Descripción

Component: User interface Impact: Low Level: Easy Type: Bug Value: Users

Problem

On Settings → Markup (settings/markup) and Settings → Styles (settings/styles), the text area with the HTML or CSS of the theme is wider than the column of the page. It sticks out on the right, past the edge of the theme, with its own horizontal scroll bar half out of view. In a narrow window or on a phone, the whole page scrolls sideways.

The text areas have a fixed width in characters: cols="100" for the HTML, and cols="100%" for the CSS (not a valid value, so the browser uses its default). The read-only <pre> of the default theme has the same problem.

Expected

The text areas and the code fill the column of the theme and never go past it. The text area scrolls inside itself.

Lenguaje dominante
JavaScript
Estrellas
5
Forks
9
Merge medio
19 h 10 min
PR fusionados (30 d)
12

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

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 PlanBCode/hypha

Todos los issues de PlanBCode/hypha

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.