[v4] Popovers looked blurred.

[wataru-super]

BS v4 popovers looked so indistinct in my browser.

It happened because the css property code translateZ(0px).

I'm not sure whether it will influence , which I has opened system DPI on win10.
My browser is Vivaldi 1.9.818.49.

[patrickhlauke]

This looks like a bug with Vivaldi's implementation to me. Could you confirm if this happens in any other browsers on your particular system/setup?

[wataru-super]

@patrickhlauke :

It still happened in my Chrome(56.0.2924.87) unless I closed win10 scaled DPI setting or remove the property ''translateZ".

[patrickhlauke]

This appears to be a bug in Chromium/Blink's hardware accelerated rendering in situations when Windows is scaled/not 100%.

[mdo]

Is this fixable or a won't fix?

[mdewaelebe]

I'm experiencing the same issue on Windows 10, IE 11 (11.413.15063.0) with scale set to 100%.
It renders fine in Chrome, Firefox.
Removing the 'translateZ' property also removes the blur from text in the popover.

I'm loading following files:

• jquery-3.1.1.slim.min.js
• 1.4.0 tether.min.js
• 4.0.0-alpha.6 bootstrap.min.js

[patrickhlauke]

Is this fixable or a won't fix?

@mdo as mentioned, removing the translateZ would remove the blur. I assume the Z translation is there to try and coax hardware acceleration / creating a new accelerated layer. So this will be the trade-off, but as popovers etc aren't really heavily animated, one that we can likely live with without much of a noticeable perf hit.

[speller]

@patrickhlauke do you have any workaround to prevent popovers blurring? There are a lot of users with system scale more than 100% and Chrome. As all bootstrap developers will bring this bug to their users I think bootstrap team should provide a solution but not just rely on browser bugs.

[XhmikosR]

Is this still an issue with the latest Chrome?

This is what I get on Windows 10 with a DPI of 175%:

Chrome 61.0.3163.100:

Firefox v57 beta:

[nip3o]

I experience the same issue on Chrome 64 on OS X, but only on some screens and on some zoom levels. I suppose this bug only occurs for certain combinations of screen resolution and zoom levels (which I believe is since those parameters makes the elements map differently to physical pixels).

[Herst]

@patrickhlauke wrote:

removing the translateZ would remove the blur. I assume the Z translation is there to try and coax hardware acceleration / creating a new accelerated layer.

Would there be any reason not to make it a setting?