popcodeorg / popcodeorg/popcode

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

Ouverte
#2,517 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
JavaScript
Étoiles
191
Forks
143
Merge moyen
4 j 11 h
PR mergées (30 j)
5

Description

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

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par reproduire le problème sur popcode.org avec le HTML fourni, puis suivez la gestion par l’éditeur des éléments de titre imbriqués dans des éléments de paragraphe ainsi que son comportement existant en matière d’erreurs ou de surbrillance. Le travail sera considéré comme terminé lorsque l’imbrication invalide sera gérée conformément au comportement prescriptif de l’éditeur et que les balises fermantes ne deviendront plus rouges de manière trompeuse.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
html, javascript
Domaine
frontend, web-dev
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
55/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.