diff options
author | Johann-S <johann.servoire@gmail.com> | 2020-09-24 11:18:24 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2020-09-24 15:06:30 +0300 |
commit | e45fbe7f7289c2c1ff692696a84db7af559dd267 (patch) | |
tree | 2a4708536e5337a3c163fdee25ea4a7d4c72829d | |
parent | 16aa05752b8ef0890e195ca674de0e31c7edf0de (diff) |
add suggested fix for gpu acceleration
-rw-r--r-- | site/docs/4.5/components/popovers.md | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/site/docs/4.5/components/popovers.md b/site/docs/4.5/components/popovers.md index c92a21c191..5b54d1c824 100644 --- a/site/docs/4.5/components/popovers.md +++ b/site/docs/4.5/components/popovers.md @@ -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" %} |