🐛 Image float anchor tags not positioning properly

[jboehm77]

Describe the bug

In the current version of obsidian (v1.12.4), it appears that some images with anchor tags don't display as expected. This occurs in both reading and live preview modes.

Centered Image:

Left Justified Image:

Right Justified Image: (seems to be functioning normally)

Expected Behavior

Images float to the center, left, or right positions according to the anchor tag being applied when using the float-images css snippet.

TTRPG CLI Version

399-SNAPSHOT

Which Operating Systems have you experienced this on?

• Android
• iPhone/iPad
• Linux
• macOS
• Windows

[ebullient]

Are you sure you have the latest snippets from the examples directory? This was a problem that was fixed, but things may have changed (again)

Does it happen if you use the full compendium snippet rather than just the float-images snippet? (you don't need both, just trying to understand where the problem may be)

[jboehm77]

While the problem applies to image floating, it appears while using the compendium snippet. And I am using the most up-to-date one. I could have sworn this was working at least a week ago too.

I attached more example images above of what's going on. The behavior actually is unique for the #left and #center tags from what I can tell.

[jboehm77]

I'm so sorry, but something seems to have broken the css again... Resizes don't seem to be applying.

[ebullient]

Does it only apply to #right? #left was never a thing.. I added it for you.

The nesting of images/spans/divs/p keeps changing.

[jboehm77]

It looks now like the issue exists for any anchor tag. Resizing just doesn't seem to apply.

[jboehm77]

Actually I think I just figured out what's going on here.

I was testing out leveraging the new species categorization, and it seems like any file with a css class of json5e-species doesn't apply some of the image adjustments. Adding lines for json5e-species where there are already ones for json5e-race in the css snippet file fixes the issue on my end.

[ebullient]

oh! 🤦‍♀️ yes. That would be the oversight. WOOPS.