Calculation of stack dynamic width seems to be off

[mo-st]

Hi and thanks for your time!

I noticed that when I enable "stack dynamic width" the stack is spaced correctly for a split second, and then is much too wide. This requires me to scroll left and right to view all columns, which I think is not the intended functionality. You introduced this in #25 and I haven't used it so far, so I don't know whether the behaviour changed since then.

Looking closer at the developer tools reveals this:

I indeed have a three column stack, so 33.33% would be accurate. However the calculated actual pixel width per stack is much too wide at 2676.88px, my monitor is 5120px wide.

I first thought it may be caused by a weird scaling issue specific to macOS, but switching this setting has no effect on the calculated width in px

This is a weird one, as it literally seems the total width reported to the application seem somehow off and therefore the percentage to. I also tested this on different displays, with the same over-wide result. Let me know if you need more details or if you weren't able to replicate this

Best and cheers

[laurent22]

Do you have a screenshot showing the bug by any chance?

[mo-st]

Yes I do, and doing that showed some more details! It looks like this when dynamic width is enabled:

I tried censoring the notes here. When I tried to replicate this with a new test kanban, the behaviour is actually as expected, so correct width. Therefore there must be some issue with what I wrote in the actual notes, I'll investigate more to find the root cause, here are some initial observations of what is in the offending kanban notes:

• links to other notes
• links to other notes that are in the kanban board as well
• weblinks
• mixture of notes and cards

[mo-st]

Okay I think I got the reason. As soon as I insert multi-line code snippets with "```" into a note, the issue starts appearing. The snippets must contain very long single line content, which then affects the stack width. The more stacks contain such snippets, the worse the widening gets. I'll include two screenshots to illustrate.

here you see the effect of a line stack widening when a note contains such a snippet here is the effect even more pronounced when the offending snipped is present in two columns

This is the snippet I used for testing, maybe you can use it for replicating this yourself:

```shell
firewall-cmd --permanent --new-zone="example"
# this is very long single line comment that increases line width further, maybe because in note view the line is wrapped and in kanban view the line is instead horizontally scrollable
firewall-cmd --permanent --zone=example --add-source=10.0.0.0/24
firewall-cmd --permanent --zone=example --add-rich-rule='rule family="ipv4" source address="10.0.0.100" drop'
```<delete-me>

[mo-st]

Hey @laurent22, any way I can support you in this? Something I can investigate or try out?