framework7 icon indicating copy to clipboard operation
framework7 copied to clipboard

Problem closing popups on ios

Open LorenzoRizzolo opened this issue 1 year ago • 13 comments

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

LorenzoRizzolo avatar Mar 31 '24 14:03 LorenzoRizzolo

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

11digits avatar Apr 03 '24 21:04 11digits

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'; });

lopaton avatar Apr 15 '24 08:04 lopaton

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

lonjack avatar Apr 17 '24 14:04 lonjack

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

11digits avatar Apr 17 '24 14:04 11digits

Has anyone written a Radar issue for Apple/Webkit?

brian-g avatar Apr 18 '24 19:04 brian-g

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

Peggy2344 avatar Apr 24 '24 17:04 Peggy2344

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.

cepm-nate avatar Apr 25 '24 00:04 cepm-nate

t0ggles-create f7

nolimits4web avatar Apr 25 '24 06:04 nolimits4web

Task nolimits4web/F7-78 was created

t0ggles task F7-78

t0ggles[bot] avatar Apr 25 '24 06:04 t0ggles[bot]

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

LorenzoRizzolo avatar Apr 25 '24 10:04 LorenzoRizzolo

Same problem

indice avatar May 10 '24 17:05 indice

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

dFelinger avatar May 15 '24 12:05 dFelinger

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

Seems f7 development is stale

blikblum avatar May 15 '24 21:05 blikblum