Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Weird text resizing of SVG texts on Chrome #593

Closed
paopre opened this issue Nov 22, 2021 · 3 comments
Closed

Weird text resizing of SVG texts on Chrome #593

paopre opened this issue Nov 22, 2021 · 3 comments

Comments

@paopre
Copy link

paopre commented Nov 22, 2021

Hello,

I don't know if this is a Chrome issue or a Panzoom issue but, in any case, it would be important to fix it.
On Chrome (tested on Version 96.0.4664.45 (Official Build) (64-bit), Linux (Lubuntu)) I see weird resizing of SVG texts after panzooming, on mouse over the text.
I don't have the previous bug on Firefox (94.0 (64-bit)), nor on Chromium (Version 96.0.4664.45 (Official Build) snap (64-bit))

Please see this very short example:

https://jsfiddle.net/2stekjvm/9/

Steps to reproduce:

  1. panzoom with the mouse wheel the svg image
  2. move the mouse over the element, after panzooming. You will see the text resized as soon as the mouse pointer touches it.

Thanks for your help/feedback!

@paopre
Copy link
Author

paopre commented Nov 22, 2021

As a further information, I just verified that the bug doesn't happen if I add a text-rendering attribute to the node. See:

https://jsfiddle.net/s68zcd3b/

@P82maarj
Copy link

I had the same issue. I've been 3 days crazy until I have found that the issue was with Chrome 96 (in 95 from 1st of Nov and below there is no problem) and thanks @paopre for your workaround! it works!

@timmywil
Copy link
Owner

Thanks for opening an issue! I've added this workaround to the README.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
3 participants