[Chrome] Tooltips are super blurry

[Reinmar]

Compare with:

I think that it may be related to non-integer value of left position of the tooltip... I don't know how it's positioned to 50% of the width of its parent, but perhaps Chrome isn't rounding this value internally?

[oleq]

I couldn't reproduce it but given my experience, I'm afraid it's a Chrome rendering issue with non-integer numbers. I happened to me a lot in other places too.

[Reinmar]

You're on 4K now, right? I can't reproduce it on retina. I'd need to check on my 2K monitor at work.

[oleq]

Have any updates on this issue, @Reinmar?

[Reinmar]

Yep, I checked on normal screens and they are blurry there. It happens also in the toolbar.

[Reinmar]

Idea – if we won't be able to find a font styling option for that we should change the sizes of buttons to some even numbers.

[oleq]

I'm afraid we're facing this problem here. I'll look for workarounds.

[dkonopka]

@oleq Have you tried use translate3d instead of translate?

[oleq]

@dkonopka Yeah. I tried most of the fixes (translate3d, font-smoothing, etc.) and rounded the position of the balloon toolbar but to no avail. I noticed that it's a Webkit/Blink issue as it does not occur in Firefox.

As it's not a critical issue (the feature is working), I'm for postponing it.

[Reinmar]

As it's not a critical issue (the feature is working), I'm for postponing it.

Unfortunately, it's really visible so it isn't a neglectable issue either. If we can't find a solution, we should at least report it to Blink and Webkit.