Refresh Page with popup present has gray background
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 48/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Ít trao đổi
- Công nghệ
- javascript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Bắt đầu bằng cách tái hiện sự cố với một popup sử dụng backdrop mặc định đang mở, sau đó gọi router.refreshPage() và quan sát backdrop của trang. Truy vết các điểm vào của popup và router refresh để xác định lý do nền màu xám vẫn còn sau refresh. Hoàn tất khi trang sau khi refresh ở trạng thái sạch và hành vi của popup vẫn đúng đối với các layout có kích thước modal.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
- 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.
- Ngôn ngữ chính
- JavaScript
- Star
- 18.8k
- Fork
- 3.2k
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của framework7io/framework7
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
framework7io/framework7#4365 · 1 bình luận ·
-
propsHistory Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
framework7io/framework7#4347 · 1 bình luận ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 64/100
framework7io/framework7#4222 · 3 bình luận ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
framework7io/framework7#4175 · 1 bình luận ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
framework7io/framework7#3969 · 3 bình luận ·
Tất cả issue của framework7io/framework7
Issue tương tự
-
Update HugeIcons library Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
antfu-collective/icones#398 ·
-
ECmail.com Đang mở
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
wesbos/burner-email-providers#554 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
radiantearth/stac-browser#1023 ·
-
HMR stops working Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
components-web-app/docs#92 ·