Positioning is broken

[Reabstraction]

Description

When I use a block of a width greater than 3, positioning gets incredibly strange and the renderer seems to miscount items (They aren't correct width, and aren't offset by the correct amount)

Steps to reproduce

• Put the code sample into the live editor
• Witness overlapping and strangely sized items

Screenshots

Code Sample

block-beta
    columns 4

    block:0_0:4
        columns 6
            Example:2
        space:2
        ExampleOther:2
        ExampleOther:1
        block:0_0_0:6
            a b c d e f g h
        end
    end

Setup

• Mermaid version: v10.9.1
• Browser and Version: Firefox 129.0
  

Suggested Solutions

The parser seems to miscalculate the widths somehow?
Using just two columns in the top-level block and graph fixes it somehow

Additional Context

No response

[NealGooch]

Hi, I've been having problems with nested blocks where different column widths are applied. I think I've found the issue and solved it.

After applying my fix you layout becomes:

is this correct?

If so the line in error is

mermaid/packages/mermaid/src/diagrams/block/layout.ts

Line 64 in df636c6

maxWidth = width / (block.widthInColumns ?? 1);

It should read:
maxWidth = width / (child.widthInColumns ?? 1);

Would be grateful if you can confirm - if so I will submit a pull request with the fix.
Neal