Text cropped inside tooltip

GoJS
1

Sorry to get back again with the same question.
I have a tooltip template defined like this

var tooltipTemplate =
                _$(go.Panel, "Auto", { background : 'black', padding: 10},
                    _$(go.Panel, "Table", { background : 'black', width:380},
                        new go.Binding("itemArray", "tooltip"),
                        {
                            itemTemplate: _$(go.Panel, "TableRow",  // this Panel is a row in the containing Table
                                {
                                    background: "black",  // so this port's background can be picked by the mouse
                                    width: 360,
                                    margin: new go.Margin(0, 50),
                                    fromLinkable: false, toLinkable: false
                                },

                                _$(go.TextBlock,
                                    {
                                        margin: new go.Margin(2, 2), column: 1, font: "13px sans-serif",
                                        width: 150,
                                        isMultiline: true,
                                        wrap: go.TextBlock.WrapDesiredSize,
                                        stroke: 'white',
                                        textAlign: 'left'
                                    },
                                    new go.Binding("text", "name")),
                                _$(go.TextBlock,
                                    {
                                        margin: new go.Margin(2, 2), column: 2, font: "bold 13px sans-serif",
                                        width: 200,
                                        isMultiline: true,
                                        wrap: go.TextBlock.WrapDesiredSize,
                                        stroke: 'white',
                                        textAlign: 'right',
                                        text: "textAlign: 'right'"
                                    },
                                    new go.Binding("text", "value")
                                )
                            )
                        }
                    ));

When the text wraps, there is a small cropping (see the world table and the id)
Is there a way to avoid that ?.

Screen Shot 2016-02-28 at 3.47.43 PM.png878×328 29.1 KB

2

Not sure about that, but i remove some values that were contradicting each other and it seems to work

3

I tried your code and it didn’t seem to crop for me:

If you could reproduce it in a codepen I would be able to diagnose the issue.

As a tip, it sometimes helps to add:

background: 'lime'

or

background: 'rgba(255,0,0,.3)' // semi-transparent red

to a TextBlock or a Panel so that you can see the total area it is taking up. That often helps you see objects in your templates that are sized unexpectedly.

4

I will try to reproduce and come back to you. Thanks for your tip