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

The browser Safari indicated that there is a missing image #5411

Closed
Pageboy opened this issue May 18, 2021 · 4 comments
Closed

The browser Safari indicated that there is a missing image #5411

Pageboy opened this issue May 18, 2021 · 4 comments
Labels
area: ui/editor good first issue type: bug code to address defects in shipped code

Comments

@Pageboy
Copy link

Pageboy commented May 18, 2021

Describe the bug
In the editor at the point of editing a post or page, there is a missing image displayed top left.
This only seems to happen in Safari on MAC

To Reproduce

Use Safari Version 14.1 (16611.1.21.161.6) on MAC 11.3.1

Screenshot 2021-05-18 at 19 59 19

Screenshot 2021-05-18 at 19 59 42

@ViktorYermak
Copy link

ViktorYermak commented Jun 26, 2021

It looks like Safari does not support inline svg in content: url();

@Pageboy
Copy link
Author

Pageboy commented Jun 26, 2021

So I put
*:before, *:after { display: none; }
in my responsive css and that seems to fix it. Did it break anything else?

@tienpham241
Copy link

I figured out that the SVG code need to be encoded before using it in pseudo CSS. Use URL-encoder to encode the svg, I had a try and it is displayed correctly. Can this fix be applied?

@iChenLei
Copy link
Contributor

iChenLei commented Dec 8, 2021

Maybe this issue has been fixed ? @erezrokah

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: ui/editor good first issue type: bug code to address defects in shipped code
Projects
None yet
Development

No branches or pull requests

5 participants