[v4] Popovers looked blurred.

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.

[amokrushin]

@Herst there is a setting:

import Popper from 'popper.js';

// see: https://github.com/twbs/bootstrap/issues/23590
Popper.Defaults.modifiers.computeStyle.gpuAcceleration = !(window.devicePixelRatio < 1.5 && /Win/.test(navigator.platform));

From #23590

[ghost]

@mackcoding It looks to me that you’re having this issue not with a popover, but with a blurred dropdown. If that assumtion is correct, please note - bootstrap uses popover.js for dynamic positioning of the dropdown. To make it static Bootstrap v4.1.X introduces paramter you can apply to dropwon - data-display="static" - this should fix dropdown bluriness. Example:

<div class="dropdown">
  <button id="dLabel" type="button" data-display="static" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</button>
  <div class="dropdown-menu" aria-labelledby="dLabel">
    ...
  </div>
</div>

P.S. I couldn’t find the same for the Bootstrap 4.0, although documentation states

Note when boundary is set to any value other than ‘scrollParent’, the style position: static is applied to the .dropdown container.

applying data-boundary=“window” doesn’t set position to static.