Clicking the fullscreen button make the input blur on safari mobile

Mboulianne commented 6 years ago

Expected behavior.

Toggling fullscreen mode in ios mobile should not blur the input.

Actual behavior.

A blur event occurs when you toggle fullscreen mode in ios mobile (only, it works on every other browser, mobile or desktop)

Steps to reproduce the problem.

Go on https://jsfiddle.net/orzwu3p8/8 (https://jsfiddle.net/orzwu3p8/8/show work better for mobile) with safari mobile (you can also reproduce this by toggling the device toolbar in chrome devtool)
Click the fullscreen button. You can't edit right away, you have to click in the editor again to be able to do so (which demonstrate that a blur occured). You can also see in the console that the blur handler was called.
Click any other button. No blur.

OS.

iOS

Browser.

Safari mobile

Mboulianne commented 6 years ago

@gabra20

Mboulianne commented 6 years ago

And I'm very sorry that we've opened ~10 issues in the past 2 weeks T_T

Mboulianne commented 6 years ago

I've also remarked that a double of fr-sticky-dummy is created on safari mobile when first entering fullscreen mode (focus the input, then enter fullscreen).

I think it's the same issue as https://github.com/froala/wysiwyg-editor/issues/2818

Steps to reproduce => Focus the input click the full screen button exit full screen focus the input

ilyaskarim commented 1 week ago

We’re closing this issue due to inactivity. If you’re still experiencing this problem on the latest version of our editor, please feel free to reopen the issue and let us know. You can find details on the latest updates here: Froala Editor Changelog.

froala / wysiwyg-editor