"Left/Right Aligned Callout Boxes" issue + altered snippet request

[train-con]

I have been using the "Left/Right Aligned Callout Boxes" snippet for a while now and I'm overall satisfied with it! I use it to replicate a sort of Wikipedia-esque interface for my Obsidian and it does its job.

Issue:
When the box becomes too long (e.g. I create longer lists in a cell), I notice whenever I scroll down the entire thing disappears until I scroll back up again. This may be a problem for me in the future when my database becomes larger.

Requests:
• Slightly extended width boxes
• Remove subheading ("Stat | Info") and leave only the heading

Thanks a million for this snippet!

[SlRvb]

Do you have a screenshot of how long that callout is?

I do wonder if this might be an issue with how obsidian unloads parts of pages if they're long which can sometimes break rendering really long dataviewjs code too 🥴

[SlRvb]

I'm not sure what you mean by Stat and Info 🤔 that's not a part of the snippet, it's just stuff you can add, change, or remove in the markdown itself.

For width I'll be adding info on the callout guide about callout sizing.

[train-con]

I haven’t made it too far yet 😂 But I will make an example box! Can you send videos through GitHub or is it only images?

…

On Thu, Jul 14, 2022 at 4:46 PM SlRvb ***@***.***> wrote: Do you have a screenshot of how long that callout is? I do wonder if this might be an issue with how obsidian unloads parts of pages if they're long which can sometimes break rendering really long dataviewjs code too 🥴 — Reply to this email directly, view it on GitHub <#120 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZU2MKD2LCQVVDJAGY6QHGTVUB4DJANCNFSM53S5LSHQ> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[train-con]

Ahh! That’s a little weird. I got your snippet from a Patreon link and it has the Stat and Info enabled by default: https://www.patreon.com/posts/65804706 And thank you so much! I’ll be looking forward to it.

…

On Thu, Jul 14, 2022 at 4:49 PM SlRvb ***@***.***> wrote: I'm not sure what you mean by Stat and Info 🤔 that's not a part of the snippet just stuff you can add, change, or remove in the markdown itself. For width I'll be adding info on the callout guide about callout sizing. — Reply to this email directly, view it on GitHub <#120 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZU2MKCDEBAXERP2GL445DTVUB4MRANCNFSM53S5LSHQ> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[train-con]

Update: I looked at the guide and altered the widths. It helped!

…

On Thu, Jul 14, 2022 at 4:49 PM SlRvb ***@***.***> wrote: I'm not sure what you mean by Stat and Info 🤔 that's not a part of the snippet just stuff you can add, change, or remove in the markdown itself. For width I'll be adding info on the callout guide about callout sizing. — Reply to this email directly, view it on GitHub <#120 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZU2MKCDEBAXERP2GL445DTVUB4MRANCNFSM53S5LSHQ> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[SlRvb]

Can you send videos through GitHub or is it only images?

You can send video :) It helps me know what might be going on if I see the error so I can try to replicate it on my end.

[train-con]

Can you send videos through GitHub or is it only images?

You can send video :) It helps me know what might be going on if I see the error so I can try to replicate it on my end.

Unfortunately I can't seem to send videos at this time. But below is the text I used to test out the problem (by scrolling up and down; slow + fast). I hope this may help as an alternative :)

[SlRvb]

Is it possible to paste this notes contents here so I can see what's going on in my own vault?

[train-con]

Is it possible to paste this notes contents here so I can see what's going on in my own vault?

Of course! Here it is:

[!infobox]

---

![[miscstock.png]]

||
---|---|
Test | Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test |
Test | Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test |
Test | Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test |

---

Test Test Test 1

---

Test Test Test 2

---

Test Test Test 3

---

Test Test Test 4

---

Test Test Test 5

---

Test Test Test 6

---

Test Test Test 7

[SlRvb]

Hmmm, I do see the error. Unloading the note content the further you scroll is something obsidian does for performance reasons. So unfortunately I think this is not something that's possible to fix with css alone.

I might recommend keeping the infobox short and maybe putting the long database query under a heading if you really need to see all that information. Sorry! 🙈

[train-con]

Hmmm, I do see the error. Unloading the note content the further you scroll is something obsidian does for performance reasons. So unfortunately I think this is not something that's possible to fix with css alone.

I might recommend keeping the infobox short and maybe putting the long database query under a heading if you really need to see all that information. Sorry! 🙈

Thank you for your response, I guess it is what it is.. 😮‍💨

My infoboxes will become quite long in the future so I'm curious on how to implement the long database query under a heading! I'm not exactly the most proficient in coding things, hahah.

[SlRvb]

Ah it's not too technical really, just a regular note with a heading and the query under it:

# Your heading name here

```dataview
LIST
FROM [[]]
```

Unless you're making really long tables without dataview then it would just be a regular table under that. 🙈

[bojtalepenye]

So, is there, or will be a solution to this error?