react-transition-group icon indicating copy to clipboard operation
react-transition-group copied to clipboard

Transition Group example on site fails in Safari

Open IanBellomy opened this issue 3 years ago • 6 comments

(Apologies if I'm reporting this in the wrong place.)

What is the current behavior?

In Safari (desktop at least), in the transition group example found here, nothing happens when 'Add Item' is clicked.

What is the expected behavior?

A browser prompt modal appears.

Could you provide a CodeSandbox demo reproducing the bug?

https://codesandbox.io/s/00rqyo26kn?from-embed

IanBellomy avatar Jan 31 '22 19:01 IanBellomy

@IanBellomy I couldn't reproduce it. Does this issue still happen on your Safari?

image

koba04 avatar Feb 16 '22 14:02 koba04

Hrm. Yes. Safari 15.0 FWIW.

add-item-issue

IanBellomy avatar Feb 16 '22 15:02 IanBellomy

Looking for more details in Safari release notes, but looks like Salesforce has a known issue entry related to Safari 15 now blocking cross-origin dialogs (including 'prompt'):

https://trailblazer.salesforce.com/issues_view?id=a1p4V000000oYNZQA2

IanBellomy avatar Feb 16 '22 15:02 IanBellomy

I'm using Safari 15.3 and it's working correctly.

image

koba04 avatar Feb 16 '22 15:02 koba04

Huh. In 15 and 15.4 (TP) I'm getting a very explicit error in the console.

Screen Shot 2022-02-16 at 10 15 25 AM

IanBellomy avatar Feb 16 '22 15:02 IanBellomy

Hmm, I couldn't reproduce it with Safari TP(15.4).

koba04 avatar Feb 18 '22 14:02 koba04