Refresh Page with popup present has gray background

まず、デフォルトの backdrop を使用するポップアップを開いた状態で問題を再現し、次に router.refreshPage() を呼び出してページの backdrop を確認します。ポップアップと router refresh のエントリーポイントを追跡し、refresh 後も灰色の背景が残る理由を特定します。refresh 後のページがクリーンな状態になり、モーダルサイズのレイアウトでもポップアップの動作が正しいままであれば完了です。

• Framework7 version: 8.3
• Platform and Target: any but I'm using firefox and chrome for this project
• Live Link or CodeSandbox: PREFERABLY (IF YOU WANT YOUR ISSUE TO BE RESOLVED ASAP). You can start from forking the following CodeSandbox template: CodeSandbox

I can provide a sandbox if you need it. Let me know.

Describe the bug

router refresh page works but if you have a popup displaying with gray background enabled (default), the parent page displays with the gray background.

To Reproduce

Any page with an included popup and default options. Open the popup and then issue a router.refreshPage() (could use a button but in my case it was driven from an event).

Expected behavior

A clean refresh of the page should occur.

Actual Behavior

Page is displayed with grayed background. Clicking the page will turn it off.

Screenshots

Additional context

I was able to resolve this by adding data-backdrop="false" to the popup definition. This works for me because the display format always shows the popup in full screen and graying the background is not visible. But for larger screen formats where the popup looks like a modal dialog box, this solution would not be adequate. It seems a refresh should refresh the page regardless of state.