search

framework7io / framework7

Full featured HTML framework for building iOS & Android apps
http://framework7.io
MIT License
18.15k stars 3.23k forks source link

Problem closing popups on ios #4260

Open LorenzoRizzolo opened 7 months ago

LorenzoRizzolo commented 7 months ago

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 commented 7 months ago

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

lopaton commented 7 months ago

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 commented 7 months ago

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

11digits commented 7 months ago

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 commented 7 months ago

Has anyone written a Radar issue for Apple/Webkit?

Peggy2344 commented 7 months ago

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

cepm-nate commented 7 months ago

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 commented 7 months ago

t0ggles-create f7

t0ggles[bot] commented 7 months ago

Task nolimits4web/F7-78 was created

t0ggles task F7-78

LorenzoRizzolo commented 7 months ago

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

indice commented 6 months ago

Same problem

dFelinger commented 6 months ago

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 commented 6 months ago

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

Seems f7 development is stale