Dresden Files Role-Playing Game Sheet Issue, Author: Teddy McCormick

Hey everyone, I was having trouble with something. Basically, in the Faces section of the City tab under City-Wide Themes & Threats, when you click "Modify", you can't rearrange or delete anything because the button is behind the actual text box. Even when I move it out of the way it doesn't let me click it. I'm diving into the actual code of the sheet to see if I can find the issue but nothing stands out. Here's what it looks like; Any suggestions?

That's almost certainly a z-index  that's been applied to the textarea, a container holding the textarea, or the div holding the move/delete buttons.

Ok, so when I typed this... z-index: -1; ...into this area of the CSS... ...this happened... ...And now I could click the buttons, but couldn't type into the text boxes. If it's not one thing its another. Here's the HTML Where the fieldset is. It is inside another Div section... <fieldset class="repeating_theme-threat-faces-1"> <div class="theme-threat-face"> <input type="text" class="face-name" name="attr_theme-threat-face-name" title="@{repeating_theme-threat-faces-1_$X_theme-threat-face-name}"> <textarea class="face-concept" name="attr_theme-threat-face-concept" title="@{repeating_theme-threat-faces-1_$X_theme-threat-face-concept}"></textarea> </div> </fieldset> And here is the coresponding CSS... /*       CITY - HIGH/LOCATIONS       */ .sheet-theme-or-threat { width: 100%; text-align: center; } .sheet-theme-or-threat { font-size: var(--size-large); } .sheet-city-theme textarea, .sheet-location textarea { width: 95%; height: 4em; } .sheet-city-theme input, .sheet-location input { font-size: var(--size-normal); } .sheet-theme-threat-face { position: relative; } .sheet-theme-threat-face span { font-size: var(--size-small); } .sheet-theme-threat-face span:first-of-type { text-align: left; margin-left: 4px; } .sheet-theme-threat-face span:last-of-type { text-align: right; position: absolute; right: 4px; } .sheet-theme-threat-face input[type="text"], .sheet-theme-threat-face textarea:first-of-type { width: 45%; display: inline-block; } .sheet-theme-threat-face input:first-of-type { text-align: left; vertical-align: top; font-size: var(--size-small); } .sheet-theme-threat-face textarea:first-of-type { text-align: right; font-size: var(--size-smallest); } .sheet-location textarea, .sheet-theme-threat-face textarea { height: 4em; width: 95%; }

Oh! I just did this. <div class="theme-threat-face"> <fieldset class="repeating_theme-threat-faces-1"> <input type="text" class="face-name" name="attr_theme-threat-face-name" title="@{repeating_theme-threat-faces-1_$X_theme-threat-face-name}"> <textarea class="face-concept" name="attr_theme-threat-face-concept" title="@{repeating_theme-threat-faces-1_$X_theme-threat-face-concept}"></textarea> </fieldset> </div> And that seemed to fix the issue.  Thank you for the help Scott.