If I use Panel of Flow type, one text covers other.
If I use Panel of Horizontal type, I am getting a single cropped long string which cannot be wrapped.
$(go.Panel, "Table", styles.methods__body,
$(go.Picture, styles.methods__icon),
$(go.Panel, 'Horizontal', styles.methods__title,
$(go.TextBlock, styles.methods__name, new go.Binding("text", "name"),),
$(go.TextBlock, styles.methods__params, new go.Binding("text", "myParams", v => `(${v})`)),
),
$(go.TextBlock, styles.methods__desc, new go.Binding("text", "summary")),
),
When you use a “Table” Panel, you have to set the row and column on each element of the Panel, in order to control which cell each element will be placed. By default the values of row and column are zero, so by default all elements will be placed in the same and only cell.
To allow force a TextBlock to wrap when the text is too long, you have to impose some sort of width constraint on the TextBlock. That can be anything from setting its width, setting its maxSize with a real Size.width value, or causing its containing panel to impose some limit on the TextBlock.