Skip to content

Commit

Permalink
add suggested fix for gpu acceleration
Browse files Browse the repository at this point in the history
  • Loading branch information
Johann-S authored and XhmikosR committed Sep 24, 2020
1 parent 8cafda9 commit 2317ea7
Showing 1 changed file with 7 additions and 1 deletion.
8 changes: 7 additions & 1 deletion site/docs/4.5/components/popovers.md
Expand Up @@ -139,7 +139,13 @@ Enable popovers via JavaScript:
{% capture callout %}
##### GPU acceleration

Popovers sometimes appear blurry on Windows 10 devices due to GPU acceleration and a modified system DPI. The workaround for this in v4 is to disable GPU acceleration as needed on your popovers. [See this issue for details and a suggested fix](https://github.com/twbs/bootstrap/issues/22610).
Popovers sometimes appear blurry on Windows 10 devices due to GPU acceleration and a modified system DPI. The workaround for this in v4 is to disable GPU acceleration as needed on your popovers.

Suggested fix:

{% highlight js %}
Popper.Defaults.modifiers.computeStyle.gpuAcceleration = !(window.devicePixelRatio < 1.5 && /Win/.test(navigator.platform))
{% endhighlight %}
{% endcapture %}
{% include callout.html content=callout type="warning" %}

Expand Down

0 comments on commit 2317ea7

Please sign in to comment.