Android実機とMacChrome検証ツールでスマホハンバーガーメニューのblurが効かない

お世話になります。
JIN:Rのデモ02のデザインを使用していますが、ハンバーガーメニューの中の背景が透けすぎて文字が非常に読みづらい端末があったのでCSSを確認しました。

backdrop-filter: blur(30px);

ブラウザ対応を調べたところ一応対応のはずでしたが、
どうもこちらのフィルターが効いている端末と効いていない端末があり、
臨時で下記塗りつぶしコードを加えて対応しています。

.o--hamburger-menu-container.js--hamburger-open {
background-color: rgba(255, 255, 255);
}

◆動作状況
・Mac Chrome検証ツール→×
・Mac Safari検証ツール→○
・iPhone14→○
・Android(Xperia) Chrome→×

なにかわかる方がいらっしゃいましたらよろしくおねがいいたします。

blurが効いていない状態のスクリーンショットを添付します(Mac Chrome検証ツール)。

※ちなみに、デモのほうではblurが効いていました。
https://jinr-demo.jp/demo-4/

• WP 6.2
• PHP 8.1
• JIN:R 1.0.9
• Xserver
• GoogleChrome
• macOS 12 Monterey