Zoom problem with Microsoft Edge

[marceltr...@gmail.com]

Hey guys,

I am building an app where I need a graph and I am currently implementing zoom and pan functionnality.

When I tested it on Microsoft Edge I stumbled upon a weird bug.
I made a jsfiddle where you can see the problem on Microsoft Edge : (It works on everything except Edge)
http://jsfiddle.net/zo2nzrqe/

Does anybody have an idea on how to fix it?

Thanks

[marceltr...@gmail.com]

Oups, I forgot to explain the problem, my bad.
If you click on the zoomout button you will notice that the text is going out of the rectangle instead of staying in it.

[Roman Bruckner]

Hi Marcel,

I can't reproduce. The demo behaves correctly for me under Microsoft Edge (20.10240.16384.0).

Best,

Roman

On 25 January 2016 at 20:46, <marceltr...@gmail.com> wrote:

Oups, I forgot to explain the problem, my bad.
If you click on the zoomout button you will notice that the text is going out of the rectangle instead of staying in it.

--

---
You received this message because you are subscribed to the Google Groups "JointJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jointjs+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Roman Bruckner, CTO

client IO

http://client.io

http://jointjs.com

+420 776 504 406

[marceltr...@gmail.com]

Weird,
I am using Miscrosoft Edge 25.10586.0.0
Microsoft EdgeHTML : 13.10586.

Maybe you could try to update it and see if it still works.

Thanks

[marceltr...@gmail.com]

No one can reproduce the bug on, Windows 10 Microsoft Edge?

Thanks

[Simon Brown]

Yes, I can see and have the same problem with my own app on Microsoft Edge too. All other (modern) browsers are okay.

[Franz Zegarra]

Same problem here, only with Microsoft Edge.

[Roman Bruckner]

Hi,

Ok, please let us check that issue once again and I'll let you know.

Best,

Roman

On 29 June 2016 at 22:48, Franz Zegarra <zegarr...@gmail.com> wrote:

Same problem here, only with Microsoft Edge.

--

---
You received this message because you are subscribed to the Google Groups "JointJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jointjs+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Roman Bruckner]

Hi,

it seems like a bug in MS Edge. `text-anchor` CSS attribute / SVG attribute is not properly applied on the text element.

Try to open web inspector, find the element SVGText and add inline css rule `text-anchor`: `middle`. Disable it and reenable. Now the position of the text should be fine.

Fortunately there is a workaround for this issue. (Not to use `text-anchor` but a JointJS special attribute `x-alignment`)

http://jsfiddle.net/zo2nzrqe/7/

Best,

Roman

[Franz Zegarra]

Hello,

Thanks Roman, it fixed the problem.