Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refresh Page with popup present has gray background #4300

Open
eradin opened this issue Dec 25, 2024 · 0 comments
Open

Refresh Page with popup present has gray background #4300

eradin opened this issue Dec 25, 2024 · 0 comments

Comments

@eradin
Copy link

eradin commented Dec 25, 2024

  • 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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant