dataviewjs block flickers in a column

[metawops]

In a simple two column layout I have a dataview block in the first column and a dataviewjs block that finally renders a chart via the "Obsidian Charts" community plugin in the second column. Problem is that the dataviewjs result (the chart) is barely visible and flickering as can be seen in this screenrecording:

https://user-images.githubusercontent.com/376090/179630848-592d751a-311a-434d-aafd-cee31b48f1fc.mov

I'm using Obsidian 0.15.7 and Multi-Column Markdown plugin 0.6.2 here.

[ckRobinson]

Hi Stefan, this issue should now be fixed as of 0.6.3. Please let me know if everything looks good on your end. And of course feel free to let me know if you encounter any other issues!

[metawops]

Hi Stefan, this issue should now be fixed as of 0.6.3. Please let me know if everything looks good on your end. And of course feel free to let me know if you encounter any other issues!

Hi Cameron, works fine now! (Restarting Obsidian after upgrading the plugin is essential, however. 😉) Thanks a lot for fixing this so fast! 👍👍

[metawops]

Okay, after a bit more testing I have to reopen this issue ...

1. The mouse over feature of the rendered chart doesn't work anymore if this chart (that's created inside the dataviewjs block) sits in a column. Chart is made by use of the "Obsidian Charts" plugin, though.
2. When I hover with the mouse pointer of that "Refresh" button the button "pumps" as if it was clicked. That's also a behaviour that's only visible when the button is embedded in a column. (The button comes from the "Button" plugin.)

I thought I'd add those two issues here because I suspect they both have the same root problem as the main issue here had. Maybe you want to investigate this, Cameron, and if the reasons for those two problems are different I can make new issues out of them.

[metawops]

Here's a screen recording showing the behaviour.

https://user-images.githubusercontent.com/376090/180290063-4263e91b-d08d-470b-925e-80f34ad40bef.mov

And this is how the mouse over effect in an Obsidian Chart normally works:

https://user-images.githubusercontent.com/376090/180293335-fa94af37-7b37-4c47-8dbc-01283a6108e7.mov

[metawops]

I have many issues with dataview and dataviewjs blocks. Often they don't get rendered at all (especially on iOS). Or only some get rendered. Closing the note and reopening it doesn't help. Switching back to edit mode, change a character or two and switching back to reading mode doesn't help. Quitting and restarting Obsidian sometimes helps. These issues are difficult to describe and track but they're definitely there and I only observed them when I had dataview and/or dataviewjs blocks in columns. Maybe I screenrecord a whole "session" where I try to work with columns in this special note ...

[ckRobinson]

Okay, after a bit more testing I have to reopen this issue ...

1. The mouse over feature of the rendered chart doesn't work anymore if this chart (that's created inside the `dataviewjs` block) sits in a column. Chart is made by use of the "Obsidian Charts" plugin, though.

2. When I hover with the mouse pointer of that "Refresh" button the button "pumps" as if it was clicked. That's also a behaviour that's only visible when the button is embedded in a column. (The button comes from the "Button" plugin.)

I thought I'd add those two issues here because I suspect they both have the same root problem as the main issue here had. Maybe you want to investigate this, Cameron, and if the reasons for those two problems are different I can make new issues out of them.

Sadly this may currently be an un-solvable issue. I have a thought as to how it might be solved but not sure if it will work as of yet. The reason being, before 0.6.3 my columns and the Charts plugins were basically playing tug-of-war trying to render the chart, which is what caused it to flicker in and out. I "solved" that problem by essentially "letting go" and creating my own copy of the chart to put within the column. However, since I didn't have much experience with the Charts plugin, I didn't realize there would be buttons or other intractables in the charts. So now as of 0.6.3, the buttons in the columns are effectively being rendered as visual only and aren't hooked up to the charts plugin. So clicking them or hovering over them doesn't do anything. I'll see what I can do and if it is possible to hook them all up though.

I have many issues with dataview and dataviewjs blocks. Often they don't get rendered at all (especially on iOS). Or only some get rendered. Closing the note and reopening it doesn't help. Switching back to edit mode, change a character or two and switching back to reading mode doesn't help. Quitting and restarting Obsidian sometimes helps. These issues are difficult to describe and track but they're definitely there and I only observed them when I had dataview and/or dataviewjs blocks in columns. Maybe I screenrecord a whole "session" where I try to work with columns in this special note ...

I'll look into this as well, I'm not an avid user of either of those plugins myself so my test files might not be covering all of the ways they could be breaking. If you have anything, even just text-only examples of what is breaking that would definitely help.

[dxcore35]

There is some bug again!

https://user-images.githubusercontent.com/7279156/193561066-278e741e-22fc-4436-ad41-33c2975946bb.mov

Markdown note: The 5 Love Languages.md