Pedigree Map Text Overlap of Bubble Edges, Scrollable Result Not Printable

[ndoggac]

Linked example below. Using v2.2.1.

When creating a pedigree chart, the text overlaps the edges of the blue/pink ancestor bubbles. Not sure if a font size control would be the solution here, or if there's simply a bug. Previous versions of webtrees never had this issue. In the example, see Pardon Lanpher & Mary Berry, where "Island, USA" is cut off. Changing browser zoom has no effect on this.

Also, the resulting diagram when going above 4 generations is in a scrollable window, which makes it very difficult to print or export to PDF, etc. This bug definitely didn't exist in previous versions of webtrees, as I have the very large PDF exports of 10-12 generation pedigree chart posters.

Broken Pedigree Chart Example

[fisharebest]

There are two options for the height of a chart-box.

1. Fixed height, with long text cropped.
2. Variable height, which expands to contain all text.

The design of the charts allows both styles of chart-box to work. The choice is made using CSS (height: xxx) on the chart-boxes themselves.

Given that text can sometimes be very long (names, places, etc.), I felt that option 1 looked better. Any cropped details can be shown by clicking the magnifying glass in the top-right corner.

Option 2 can be achieve with CSS. Either using the CSS/JS module or by using a dedicated module. I've seen one that does this, although I can't remember the name/details.

So, this was a deliberate design decision. I can see pros and cons of both solutions.

[arbor95]