Using taillables causes the text to overlap the arrows. lables don't have that problem

Hi All,

I’m trying to use taillabels, but the resulting text overlaps the arrows and nodes. How Can I prevent this?

I have the following state diagram:

digraph statemachine {
    ST_1 [ label="State One"];
    ST_2 [ label="State Two"];
    ST_3 [ label="State Three"];
    ST_4 [ label="State Four"];
    
    ST_1 -> ST_2 [ taillabel="Description overlaps the arrows"];
    ST_1 -> ST_3 [ label="Description of transition"];
    ST_1 -> ST_4 [ label="Description of transition"];
    ST_2 -> ST_1 [ taillabel="Description of transition"];
    ST_2 -> ST_2 [ label="Description of transition"];
    ST_3 -> ST_2 [ taillabel="Description of transition"];
    ST_4 -> ST_2 [ label="Description of transition"];
}

This yields this image:

When I change the taillables to normal labels, the text does not overlap (except from state 2 to state 2, but I guess that’s unavoidable)

digraph statemachine {
    ST_1 [ label="State One"];
    ST_2 [ label="State Two"];
    ST_3 [ label="State Three"];
    ST_4 [ label="State Four"];
    
    ST_1 -> ST_2 [ label="Description of transition"];
    ST_1 -> ST_3 [ label="Description of transition"];
    ST_1 -> ST_4 [ label="Description of transition"];
    ST_2 -> ST_1 [ label="Description of transition"];
    ST_2 -> ST_2 [ label="Description of transition"];
    ST_3 -> ST_2 [ label="Description of transition"];
    ST_4 -> ST_2 [ label="Description of transition"];
}

(I am not yet allowed to embed the resulting image here)

I’ve used this website to generate the above images:
http://magjac.com/graphviz-visual-editor/

Cheers,
Cedric