BUG: Audio Player plugin breaks code block comments formatting

[keerah]

Once I enable Audio Player my code block formatting gets broken in reading view.
All code comment lines get formatted in tall columns of 8 symbols in length.

[jacob7395]

can you post an example of a block that breaks, before the plugin is enabled?

[keerah]

for %%x in (%*) do (
   set /A argCount+=1
   REM argument x file name
   set "argVec[!argCount!]=%%~x" 
   REM argument x name without file extension
   set "argVn[!argCount!]=%%~nx" 
)

Looks like this

[noonesimg]

Sorry, I cant reproduce this bug.
Can you provide more info?
What kind of syntax highlighter are you using?
Have you tried to uninstall and reinstall the plugin?

[keerah]

Yes, I've tried.
Also tried to disable all of the plugins except this one.
It's not just some particular highlighter, it affects all code blocks in my vault in all languages.
No luck, can't use it, unfortunately

[noonesimg]

That's weird. What version of obsidian are you using? What OS?

[keerah]

Windows 11
Obsidian is latest 1.1.16

[noonesimg]

Thanks, If possible, can you create a new vault and reproduce this issue?

[keerah]

Yes, same story in the new one

[noonesimg]

Can you check the dev-tools console? (Ctrl+Shift+I)
are there any error messages related to the issue?

Tbh, I'm kinda lost here. No Idea, why obsidian would invoke any functionality of my plugin,
unless the code block is marked as audio-player

[keerah]

I was messing with the console with the plugin on/off
And here's the difference
The plugin off:

The plugin on:

And the editor view displays this grid, which is the source of the problem

This might give a clue perhaps

[noonesimg]

This is it! Thank you. Will fix in an upcoming version

[Emperyal]

I also encountered this problem and found a solution through different naming conventions. First, open the CSS file of the plugin and change the .comment classes to a different name. For example, I replaced them with .audioplayer-comment. Additionally, I modified the .comment-list classes by adding "audioplayer-" as a prefix. Next, open the main.js file and locate the variable that adds the "comment" class. Replace it with the new class that you've chosen. This line var _hoisted_1 = { class: "comment" }; needs to be modified.