Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

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

Aperta
#660 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@guidol-ive ci sta già lavorando.

Dal 28/10/2026.

  • #661 di @guidol-ive — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
css, html, javascript
Ambito
frontend

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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.

Lingua principale
JavaScript
Stelle
5
Fork
9
Merge medio
19h 10m
PR unite (30g)
12

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di PlanBCode/hypha

Tutte le issue di PlanBCode/hypha

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.