popcodeorg / popcodeorg/popcode

<h1> within <p> causes following closing tags to turn red

Offen
#2,517 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
191
Forks
143
Ø Merge
4 T. 11 Std.
Gemergte PRs (30 T.)
5

Beschreibung

Describe the bug
Putting an <h1> tag inside of a <p> tag causes the following closing tags to turn red.

To Reproduce
Steps to reproduce the behavior:

  1. Go to popcode.org
  2. Add the following HTML:
<!DOCTYPE html>
<html>
    <head>
        <title>Funfunctionality</title>
    </head>
    <body>
        <div class="webname">
            <p>
            	<h1>Funfunctionality</h1>
            </p>
        </div>
    </body>
</html>
  1. Notice color of closing tags

Expected behavior
Since Popcode is an opinionated editor, I'd recommend an error message like:
You can't put <h1> / <h2> etc header tags inside of a paragraph element. Put them before or after the <p> tag.

Screenshots
image

Notice that the page renders; Popcode does not detect any errors.

Desktop (please complete the following information):

  • OS: MacOS
  • Browser Firefox & Chrome
  • Version Latest

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, das Problem auf popcode.org mit dem bereitgestellten HTML zu reproduzieren, und verfolge dann die Verarbeitung von Überschriftenelementen, die in Absatzelemente verschachtelt sind, durch den Editor sowie dessen bestehendes Fehler- oder Hervorhebungsverhalten. Als erledigt gilt die Aufgabe, wenn die ungültige Verschachtelung konsistent mit dem vorgegebenen Verhalten des Editors behandelt wird und die schließenden Tags nicht mehr irreführend rot werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
html, javascript
Bereich
frontend, web-dev
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

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