Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#660 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@guidol-ive がすでに取り組んでいます。

2026年10月28日 から。

  • #661 @guidol-ive による — オープン

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
35/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
停滞
技術スタック
css, html, javascript
領域
frontend

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語
JavaScript
スター
5
フォーク
9
平均マージ
18時間 7分
マージ済み PR(30日)
11

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

PlanBCode/hypha のほかの issue

PlanBCode/hypha の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。