From 2317ea7bc36d9e48321415e27f4107c1c6b76b76 Mon Sep 17 00:00:00 2001 From: Johann-S Date: Thu, 24 Sep 2020 11:18:24 +0300 Subject: [PATCH] add suggested fix for gpu acceleration --- site/docs/4.5/components/popovers.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/site/docs/4.5/components/popovers.md b/site/docs/4.5/components/popovers.md index c92a21c1913f..5b54d1c824ee 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" %}