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

Problem closing popups on ios #4260

Open
LorenzoRizzolo opened this issue Mar 31, 2024 · 13 comments
Open

Problem closing popups on ios #4260

LorenzoRizzolo opened this issue Mar 31, 2024 · 13 comments
Labels
t0ggles Linked to the t0ggles task

Comments

@LorenzoRizzolo
Copy link

Hi, i'm developing a page with more popups and I've noticed that when i close the popup it remain at the bottom of the page, it does it only on IOS, not on android or PC. I've tried the kitchen sink and also there the popup remains at the bottom.
bug_photo

@11digits
Copy link

11digits commented Apr 3, 2024

I am having the same issue, and it is happening in the browser (safari) on the phone in v7, v8

@lopaton
Copy link

lopaton commented Apr 15, 2024

I had a similar issue with sheet modals on ios 17.4.1
adding this fixed it from me:
app.sheet.on('close', function (sheet) { sheet.el.style.display = 'none'; });

@lonjack
Copy link

lonjack commented Apr 17, 2024

I used framework7-vue and had the same issue in IOS 17.4.1

@11digits
Copy link

app.sheet.on('close', function (sheet) { sheet.el.style.display = 'none'; });
This is ok but not fully, as it will prevent the popup from opening again.

What worked for me (even if it is glitchy) si to add a class and then 20ms later remove that class from the popup or sheet element on close...

@brian-g
Copy link

brian-g commented Apr 18, 2024

Has anyone written a Radar issue for Apple/Webkit?

@Peggy2344
Copy link

Peggy2344 commented Apr 24, 2024

I add :animate="false" and solved the problem. But still looking for a better solution.

@cepm-nate
Copy link

Oh good, I thought I was the only one with this issue! It's making popups re-appear after they've closed. And just like everyone else discovered, 'display:none' is set on the visible element. For now I'm using an app parameter to make all popups lack animation, but it'd be nice to see an acknowledgement of this from the Safari team.

@nolimits4web
Copy link
Member

t0ggles-create f7

Copy link

t0ggles bot commented Apr 25, 2024

Task nolimits4web/F7-78 was created

t0ggles task F7-78

@t0ggles t0ggles bot added the t0ggles Linked to the t0ggles task label Apr 25, 2024
@LorenzoRizzolo
Copy link
Author

Thanks to everyone, i've solved it putting the popup into Block component, I think that's a good compromise.

@indice
Copy link

indice commented May 10, 2024

Same problem

@dFelinger
Copy link

dFelinger commented May 15, 2024

Thanks to everyone, i've solved it putting the popup into Block component, I think that's a good compromise.

Works with actions-sheet, but not works with sheet-modal.

Issue appears only in safari with vue and exists even on example page https://framework7.io/vue/action-sheet

@blikblum
Copy link
Contributor

Any chance to see an update to f7 to fix this issue?

Seems f7 development is stale

dFelinger added a commit to dFelinger/framework7 that referenced this issue May 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
t0ggles Linked to the t0ggles task
Projects
None yet
Development

No branches or pull requests