CefSharp.WinFormsを配置すると画面に不具合が発生する

Question

CefSharp.WinFormsを配置すると画面に不具合が発生します。
https://cefsharp.github.io/
上記のライブラリをnugetにて利用しています。

ChromiumWebBrowserを配置すると、最初に宣言・コントロール追加したブラウザだけ描画範囲にズレがあるようになってしまいます。複数配置しても1つだけ描画がおかしくなります。(図示)

コードは下記の通りで新規プロジェクトでも再現しますが、回避方法が分かりません。
どなたかご存知の方いらっしゃいませんでしょうか。

プロジェクトのデザイナ

実行後の挙動

using System;
using System.Windows.Forms;

using CefSharp;
using CefSharp.WinForms;

namespace Test_for_teratail
{

    public partial class Form1 : Form
    {
        string htmlpath1 = System.IO.Path.GetFullPath(@"html\graph1.html");
        string htmlpath2 = System.IO.Path.GetFullPath(@"html\graph2.html");

        ChromiumWebBrowser browser1;
        ChromiumWebBrowser browser2;
        
        public Form1()
        {
            InitializeComponent();
        }
        
        private void Form1_Shown(object sender, EventArgs e)
        {
            Cef.Initialize(new CefSettings());
            
            //html_area1/2はpanelです。
            browser1 = new ChromiumWebBrowser(htmlpath1);
            html_area1.Controls.Add(browser1);
            browser1.Dock = DockStyle.Fill;

            browser2 = new ChromiumWebBrowser(htmlpath2);
            html_area2.Controls.Add(browser2);
            browser2.Dock = DockStyle.Fill;

        }
        
    }
}

Answer 1

Windows10 タッチスクリーンで発生するバグのようです。
SetOffScreenRenderingBestPerformanceArgsメソッドを実行してみてください。

settings = new CefSettings();
// レンダリングを最適化
settings.SetOffScreenRenderingBestPerformanceArgs();
Cef.Initialize(settings);

Answer 2

私も似たような現象で悩まされています。
ディスプレイ設定の「テキスト、アプリ、その他の項目のサイズを変更する」で100%以外になっていると起きる現象かもしれません。
100% にすると起きず、150%(推奨) にするとずれるので。

Answer 3

ダミーのパネルを配置して、そこにwebbrowserを定義
shownした後にcontrol.clearすることで、ずれて描画されるブラウザ要素を排除しました。
正攻法とは言えないのですが、配置する最初のブラウザだけバグるので、どうも初期化辺りに無作法があるみたいです。とりあえずどうにかなったので解決済みにしますが、もしお詳しい方がいらっしゃいましたら追記願います。