WebApp: First and last tip label vertically cropped even when zoom

[peterjc]

I have been using https://peartree.live/ for the first time today, running on a Windows 11 machine where IT policies reject installing applications without authorisation (so using the Desktop App is not straightforward). I have previously used the FigTree application on macOS.

Running under Microsoft Edge Version 151.0.4129.107 (Official build) (64-bit).

I have tested multiple Newick trees with 25 entries, 75 entries, and more. In all cases the top and bottom entries are cropped, usually half or perhaps just over half of the text is visible. Example:

1. Download https://github.com/biopython/biopython/blob/master/Tests/Nexus/int_node_labels.nwk
2. Open https://peartree.live/
3. Click on open tree, select the int_node_labels.nwk file just downloaded
4. Click on "OK" to the prompt "Node labels" "This tree has labels on 26 internal node(s). What annotation name should these be stored as?"
5. See screenshot, at he top above "Taxus" is an illegible entry, at the bottom below "Pinus" is another - probably starting with G.

Adjusting the Zoom via the Web App's toolbar does not help.

Exporting as PNG does not help.

Changing the tip label size makes the problem more obvious:

[diegogotex]

Hello,
same issue for me using the macOS version.

[peterjc]

@diegogotex Which browser on macOS?

Interestingly it works for me in Firefox on macOS (no cropping).

[peterjc]

Correction: macOS Firefox 154.0 crops first/last leaves with the default settings, but works when I turn on branch labels.

[diegogotex]

Hi @peterjc
I've been using the stand alone version of the software.

Adding the branch labels also worked for me. thanks

[rambaut]

There are some known issues with the sizing to accommodate certain 'decorations' on the tree. On the todo list to fix.