[X] I searched for existing Bug Reports and found no similar reports.
Expected Behavior
List entries which are part of the same spells block should correctly nest inside of a single <ul>, and that should be in a parent element with the CSS class for the linked property.
Trait entries which are part of the same traits block should correctly nest inside of a single parent element which should have the CSS class for the linked property.
The current behavior is both unexpected, and makes it difficult to style these elements with CSS.
Current behaviour
At the moment, for spells, the generated HTML output creates multiple top-level <ul>s - one for each spell level.
For traits, only the first trait element is contained within the .traits-container - the rest are sibling elements of the .traits-container. This means that it's difficult to apply custom CSS styling - eg if you wanted to make the traits inline.
The HTML looks like this:
Reproduction
Create a new vault
Install Fantasy Statblocks
Add a new Fantasy Statblocks layout by importing this JSON:
```statblock
layout: Test Nesting
spells:
- Description text
- 1st: first spell, second spell
- 2nd: another, one more
- 3rd: third level spells
traits:
- name: A Trait
desc: A description for my trait
- name: Another Trait
desc: One more trait
- name: Third Trait
desc: Last trait description
```
Open the inspector
Observe that the generated HTML has each spell element in its own separate <ul>, and that the .traits-container div only contains the first trait and not the other two
Which Operating Systems are you using?
[ ] Android
[ ] iPhone/iPad
[ ] Linux
[ ] macOS
[X] Windows
Obsidian Version Check
1.6.3 1.5.8
Plugin Version
4.4.2
Confirmation
[X] I have disabled all other plugins and the issue still persists.
Check for existing bug reports before submitting.
Expected Behavior
List entries which are part of the same
spellsblock should correctly nest inside of a single<ul>, and that should be in a parent element with the CSS class for the linked property.Trait entries which are part of the same
traitsblock should correctly nest inside of a single parent element which should have the CSS class for the linked property.The current behavior is both unexpected, and makes it difficult to style these elements with CSS.
Current behaviour
At the moment, for spells, the generated HTML output creates multiple top-level
<ul>s - one for each spell level.For traits, only the first trait element is contained within the
.traits-container- the rest are sibling elements of the.traits-container. This means that it's difficult to apply custom CSS styling - eg if you wanted to make the traits inline.The HTML looks like this:
Reproduction
<ul>, and that the.traits-containerdiv only contains the first trait and not the other twoWhich Operating Systems are you using?
Obsidian Version Check
1.6.3 1.5.8
Plugin Version
4.4.2
Confirmation
Possible solution
Looking at https://github.com/javalent/fantasy-statblocks/blob/ea6853b722b566643317babfdb20a79746f61e20/src/view/ui/ColumnContainer.svelte#L390, it looks like a new
SpellItemis created for each spell, and that contains a top-levelul. ProbablySpellItemshould take in a list of items and have aneachfor the containedli.