topic Re: Custom Visuals become blurry when zooming the canvas in Custom Visuals Development Discussion

Custom Visuals become blurry when zooming the canvas

tarockx — Wed, 31 Jul 2024 07:57:30 GMT

Hello everyone

I am experiencing a weird problem with all my power bi custom visuals that I am pretty sure only appeared recently.

Basically, whenever I set the report canvas to a zoom level other than 100%, my custom visuals (especially the fonts) become all blurry.

Initially I thought this was normal and that the zoom performed some crappy non-vectorial zoom on the entire canvas, but after further testing I noticed that this is not the case: the Power Bi native visuals are always crisp and clear no matter the zoom level, so it must be some specific issue with custom visuals.

Here is a screenshot to showcase the issue (NOTE: the issue may be less noticeable if you view the image inline, if you download it and zoom in it will be more clear):

As you can see, at 100% zoom level both the native Table and my custom button are cripy and display well.

But at 90% zoom you can see that the native Table is still crispy, while the text inside my button is blurry and almost unreadable.

I already tried to play around with font sizes (using em/rem to make the font size proportional, etc.) but nothing changed.

Is anyone else experiencing this issue? Any way to avoid/fix it?

Re: Custom Visuals become blurry when zooming the canvas

dm-p — Thu, 01 Aug 2024 21:30:48 GMT

Hi @tarockx,

Are you using Chrome? If so, this seems to be an issue with the latest version. I haven't observed in Edge yet (and Firefox looks OK to me), but I suspect that as Edge and Desktop are Chromium-based, they will eventually catch up.

I raised this with MS a few weeks ago, and they said they're looking into it, but I recommend you also raise a support issue at pbicvsupport@microsoft.com so they can be aware of the impact on users other than myself.

Regards,

Daniel

Re: Custom Visuals become blurry when zooming the canvas

jaminica — Fri, 02 Aug 2024 16:37:45 GMT

Hi All, I am also experiencing this issue with blurry custom visuals for a few weeks now when you view the page at anything but 100% zoom. I had raised this with one of the custom visual providers and they said that it was caused by an API update from Microsoft a few weeks ago.

I hope this is going to be fixed quickly because it is affecting user experience.

Re: Custom Visuals become blurry when zooming the canvas

Covid19 — Tue, 06 Aug 2024 05:07:11 GMT

When debugging in chrome, this problem was always there, no one cares about the developer's eyes.

Re: Custom Visuals become blurry when zooming the canvas

dm-p — Tue, 06 Aug 2024 05:12:39 GMT

Not for me—I can downgrade Chrome to a recent, but earlier version, and the visuals are clear. However, the blurriness is now happening in Edge for me since I upgraded to the latest version (127.0.2651.86), so this is going to affect more users as they start to update their browsers too 😞

Re: Custom Visuals become blurry when zooming the canvas

Covid19 — Tue, 06 Aug 2024 06:33:38 GMT

In pbi desktop, imported .pbiviz, in my opinion, does not soap, I'm not sure), I only care during development-debugging), I don't use them.

Re: Custom Visuals become blurry when zooming the canvas

tarockx — Tue, 20 Aug 2024 13:51:54 GMT

For the people that are experiencing this issue, an update: I've heard back from Microsoft support and they confirmed the issue is known and under investigation.

Re: Custom Visuals become blurry when zooming the canvas

hb-webdev — Wed, 23 Oct 2024 21:13:43 GMT

Still under investigation, I presume? Very ugly...

Re: Custom Visuals become blurry when zooming the canvas

dm-p — Wed, 23 Oct 2024 21:19:09 GMT

The issue has been pushed back from MS to the Chromium team, who are currently working on a fix for all Chromium-based browsers. There is still no ETA 😞

Re: Custom Visuals become blurry when zooming the canvas

Goofr — Wed, 18 Dec 2024 08:05:18 GMT

This problem is resolved in my opinion.

Re: Custom Visuals become blurry when zooming the canvas

dm-p — Wed, 18 Dec 2024 21:56:06 GMT

The problem is resolved if you upgrade your Chromium-based browser to a version that resolves the issue:

Chrome >= 131.0.6778.80
Edge >= 131.0.2903.51

For anyone who hasn't upgraded (or cannot), visuals will still appear blurry until such a time as they do upgrade.

Re: Custom Visuals become blurry when zooming the canvas

Antonyr — Thu, 22 May 2025 09:43:34 GMT

This issue seems to have re-appeared, is anyone else having the issue?

I have a custom visual that looks blurry, unless I change the view to Actual Size, but then the visual doesn't re-size when I change my window size.

The issue only occurs in Chromium browsers, edge & Chrome. It works ok in Firefox

Re: Custom Visuals become blurry when zooming the canvas

dm-p — Thu, 22 May 2025 20:18:40 GMT

Yes, it seemed to return partially about two months ago for visuals that caused the viewport to overflow (i.e., scrolling content). It's now completely back for all content, so it looks to have become increasingly broken over a couple of Chromium updates 😞

I reported to the custom visuals team when things originally started to break but we haven't seen much progress yet. If you want to check on the status of this, you'd be best emailing pbicvsupport@microsoft.com to contact the team directly.

Re: Custom Visuals become blurry when zooming the canvas

MatejGregorcic — Wed, 02 Jul 2025 19:27:33 GMT

@dm-p It seems the bug is back. At least I'm seeing it, and we had a couple of customers report it already.

Re: Custom Visuals become blurry when zooming the canvas

dm-p — Wed, 02 Jul 2025 19:35:05 GMT

Hi @MatejGregorcic! 🙂

Yes, we've had an issue open since April for Deneb where it's been observed and reproducible (with some details of how we were able to reproduce, as it seems less general than last time). I raised it with MS, who acknowledged it was an issue but haven't provided an ETA on a fix. If you haven't already, I'd suggest contacting them directly to help add weight to the list of affected folks.

Cheers,

Daniel

Re: Custom Visuals become blurry when zooming the canvas

MatejGregorcic — Wed, 02 Jul 2025 21:25:40 GMT

Hi 👋

You're right, it's much less general than last year's bug.
We'll report it right away.

Edit: MSFT Custom visual team redirected us to Blurry text with transform:scale and IsolatedSandboxIFrames [399478935] - Chromium. Everyone having issue should upvote:

Re: Custom Visuals become blurry when zooming the canvas

dm-p — Tue, 12 Aug 2025 04:45:32 GMT

@MatejGregorcic,

Hopefully you've been watching the issue and may have heard from the visuals team, but in case you haven't this will be fixed in Chrome and Edge M140 versions, which are due to go live in the first week of September.

The fix can be observed in the latest canary builds of Chrome and Edge, and it looks good to me. Hopefully this will be the last of the problems for a while... 🤞

EDIT: forgot to tag @tarockx , as they originally posted this thread and will probably want to know! 🙂

Re: Custom Visuals become blurry when zooming the canvas

tarockx — Tue, 12 Aug 2025 08:03:17 GMT

Thanks for the info @dm-p , will keep an eye out for the update.

Re: Custom Visuals become blurry when zooming the canvas

MatejGregorcic — Tue, 12 Aug 2025 08:17:08 GMT

@dm-p I have, and it looks good on my side as well. Until next time... 😀