From a1dcf9612734a0dec0e1071021ef5e563a58d3a3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 13 May 2020 16:55:01 -0700 Subject: [PATCH 1/3] v4: Mention GPU acceleration fix in docs callout Closes #22610 --- site/docs/4.5/components/popovers.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/site/docs/4.5/components/popovers.md b/site/docs/4.5/components/popovers.md index bdd201b15746..ed75627b1b81 100644 --- a/site/docs/4.5/components/popovers.md +++ b/site/docs/4.5/components/popovers.md @@ -136,6 +136,13 @@ Enable popovers via JavaScript: {% highlight js %}$('#example').popover(options){% endhighlight %} +{% capture callout %} +##### GPU acceleration + +Popovers sometimes appear blurry in 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) +{% endcapture %} +{% include callout.html content=callout type="warning" %} + {% capture callout %} ### Making popovers work for keyboard and assistive technology users From 8cafda9ce01eda6950ada70f4faff249dd209ba2 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Thu, 14 May 2020 08:54:28 +0300 Subject: [PATCH 2/3] Update popovers.md --- site/docs/4.5/components/popovers.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/docs/4.5/components/popovers.md b/site/docs/4.5/components/popovers.md index ed75627b1b81..c92a21c1913f 100644 --- a/site/docs/4.5/components/popovers.md +++ b/site/docs/4.5/components/popovers.md @@ -139,7 +139,7 @@ Enable popovers via JavaScript: {% capture callout %} ##### GPU acceleration -Popovers sometimes appear blurry in 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. [See this issue for details and a suggested fix](https://github.com/twbs/bootstrap/issues/22610). {% endcapture %} {% include callout.html content=callout type="warning" %} From 2317ea7bc36d9e48321415e27f4107c1c6b76b76 Mon Sep 17 00:00:00 2001 From: Johann-S Date: Thu, 24 Sep 2020 11:18:24 +0300 Subject: [PATCH 3/3] 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" %}