Refresh Page with popup present has gray background
eradin opened this issue · comments
- 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.
Might be related issue:
#4266
Backdrop is not cleaned/removed when component is disposed.