diff --git a/site/docs/4.5/components/popovers.md b/site/docs/4.5/components/popovers.md index bdd201b15746..5b54d1c824ee 100644 --- a/site/docs/4.5/components/popovers.md +++ b/site/docs/4.5/components/popovers.md @@ -136,6 +136,19 @@ Enable popovers via JavaScript: {% highlight js %}$('#example').popover(options){% endhighlight %} +{% 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. + +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" %} + {% capture callout %} ### Making popovers work for keyboard and assistive technology users