Custom Visuals become blurry when zooming the canvas

[tarockx]

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?

[tarockx]

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.

[hb-webdev]

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

[dm-p]

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 😞

[Goofr]

This problem is resolved in my opinion.

[dm-p]

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.

[Covid19]

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

[Antonyr]

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

[dm-p]

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.

[dm-p]

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 😞

[MatejGregorcic]

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

[dm-p]

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

[MatejGregorcic]

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: 

[dm-p]

@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! 🙂

[MatejGregorcic]

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

[tarockx]

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

[Covid19]

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.

[dm-p]

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

[jaminica]

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.