Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Help with repeating sections

Hello, I have a problem with repeating sections.&nbsp; When I want to write a second item in a repetitive section, I can't do it. I can put the name, but as soon as I click on the second box it disappears. No matter how I review my code, I can't see where I've made a mistake. I don't think it's related to the game, because I've tried redoing a classic game and another with the new-generation roll20 portal, and the bug repeats itself. Thanks for your help in advance and here's my code for these repetitive sections. &lt;!--Debut feuille competences--&gt; &nbsp; &nbsp; &lt; div class = "sheet-tab-content sheet-tab4" style = " background-color:#777777" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Début Arbre principale--&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div style = " margin-left:5px; margin-top:40px" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "title" style = " font-effect:engrave" &gt; Arbre principal &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" style = " font-size:20px;line-height:25px;" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:90px; margin-top:10px;" &gt; Compétence &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:83px; margin-top:10px;" &gt; Niveau &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:20px;" &gt; Lié à &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:175px;" &gt; Description &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; fieldset class = "repeating_arbre_principal" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_PrincCompName" style = " width:250px;margin-left:0px;" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox-stat" type = "number" name = "attr_PrincCompNv" style = " width:50px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_PrincCompLink" style = " width:80px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; textarea class = "textareabox" type = "text" name = "attr_PrincCompDescription" style = " vertical-align: top; width: 360px;" &gt;&lt;/ textarea &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ fieldset &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Fin Arbre principale--&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt; hr align = "center" width = "90%" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Début Arbre secondaire--&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div style = " margin-left:5px; margin-top:40px" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "title" style = " font-effect:engrave" &gt; Arbre secondaire &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" style = " font-size:20px;line-height:25px;" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:90px; margin-top:10px;" &gt; Compétence &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:83px; margin-top:10px;" &gt; Niveau &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:20px;" &gt; Lié à &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:175px;" &gt; Description &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; fieldset class = "repeating_arbre_secondaire" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_SecCompName" style = " width:250px;margin-left:0px;" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox-stat" type = "number" name = "attr_SecCompNv" style = " width:50px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_SecCompLink" style = " width:80px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; textarea class = "textareabox" type = "text" name = "attr_SecCompDescription" style = " vertical-align: top; width: 360px;" &gt;&lt;/ textarea &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ fieldset &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Fin Arbre secondaire--&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt; hr align = "center" width = "90%" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Début Arbre pouvoir inné--&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div style = " margin-left:5px; margin-top:40px" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "title" style = " font-effect:engrave" &gt; Arbre pouvoir inné &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" style = " font-size:20px;line-height:25px;" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:90px; margin-top:10px;" &gt; Compétence &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:83px; margin-top:10px;" &gt; Niveau &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:20px;" &gt; Lié à &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:175px;" &gt; Description &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; fieldset class = "repeating_arbre_pouvoir_inne" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_InneCompName" style = " width:250px;margin-left:0px;" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox-stat" type = "number" name = "attr_InneCompNv" style = " width:50px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_InneCompLink" style = " width:80px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; textarea class = "textareabox" type = "text" name = "attr_InneCompDescription" style = " vertical-align: top; width: 360px;" &gt;&lt;/ textarea &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ fieldset &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Fin Arbre pouvoir inné--&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt; hr align = "center" width = "90%" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Début Arbre métier--&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div style = " margin-left:5px; margin-top:40px" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "title" style = " font-effect:engrave" &gt; Arbre métier &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" style = " font-size:20px;line-height:25px;" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:90px; margin-top:10px;" &gt; Compétence &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:83px; margin-top:10px;" &gt; Niveau &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:20px;" &gt; Lié à &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:175px;" &gt; Description &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; fieldset class = "repeating_arbre_metier" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_MetierCompName" style = " width:250px;margin-left:0px;" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox-stat" type = "number" name = "attr_MetierCompNv" style = " width:50px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_MetierCompLink" style = " width:80px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; textarea class = "textareabox" type = "text" name = "attr_MetierCompDescription" style = " vertical-align: top; width: 360px;" &gt;&lt;/ textarea &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ fieldset &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Fin Arbre métier--&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt; hr align = "center" width = "90%" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Début Arbre annexe--&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div style = " margin-left:5px; margin-top:40px" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "title" style = " font-effect:engrave" &gt; Arbre annexe &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" style = " font-size:20px;line-height:25px;" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:90px; margin-top:10px;" &gt; Compétence &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "arme-title" style = " margin-left:83px; margin-top:10px;" &gt; Niveau &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:20px;" &gt; Lié à &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div &nbsp; class = "arme-title" style = " margin-left:175px;" &gt; Description &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; fieldset class = "repeating_arbre_annexe" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; div class = "dark_row" &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_AnnexeCompName" style = " width:250px;margin-left:0px;" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox-stat" type = "number" name = "attr_AnnexeCompNv" style = " width:50px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; input class = "textbox" type = "text" name = "attr_AnnexeCompLink" style = " width:80px;text-align:center" /&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt; textarea class = "textareabox" type = "text" name = "attr_AnnexeCompDescription" style = " vertical-align: top; width: 360px;" &gt;&lt;/ textarea &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ fieldset &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Fin Arbre annexe--&gt; &nbsp; &nbsp; &lt;/ div &gt; &nbsp; &nbsp; &lt;!--Fin feuille competences--&gt; And if you want to see the bug, here a link to a short video : <a href="https://drive.google.com/file/d/1CnL1n6wxmQutfvbNmy9bXWG1tflT7woR/view?usp=sharing" rel="nofollow">https://drive.google.com/file/d/1CnL1n6wxmQutfvbNmy9bXWG1tflT7woR/view?usp=sharing</a>
1730468526

Edited 1730468538
GiGs
Pro
Sheet Author
API Scripter
The problem might be related to the extra underscores in your repeating section names. You have names like &lt;fieldset class="repeating_arbre_annexe"&gt; Try changing to one of these &lt;fieldset class="repeating_arbre-annexe"&gt; &lt;fieldset class="repeating_arbreAnnexe"&gt; &lt;fieldset class="repeating_arbreannexe"&gt;
1730480639
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
almost certainly is the underscore; it can cause many issues. Note that I recommend using the dash version that GiGs showed as it makes the attribute call more readable for humans.