Jump to content

Embedded Images Not Showing In Safari Only


Chris027
 Share

Go to solution Solved by Chris027,

Recommended Posts

I have a post with both PNG and JPG images that are definitely attached and inserted, but not appearing in Safari. Chrome and Firefox show them just fine. Here is a video of the issue. 

At 0:05 seconds I refresh the page, and the images are visible for a split second. 

Then I edit the post to show the images are there and save it to show they appear in the post. 

Then I refresh again and they are gone in Safari only (iOS and macOS).

UPDATE: This only appears to happen to logged in users and happens on all browsers.

Here is a link to the post, it's the last post on the page - https://audiophilestyle.com/forums/topic/64726-article-the-audio-impact-of -solar-panels-and-battery-backup-comparing-sound-quality-of-panels-batteries-and-the-grid/?do=findComment&comment=1177015

 

 

Edited by Chris027
Link to comment
Share on other sites

I see all four images in Safari on both my Mac (running macOS 12.0.1) and my iPhone (running iOS 15.3). Does it happen with any other images in other posts? Do you have any extensions running, or are you using special network settings?

You should also check the developer console in Safari for any error messages. To open this console, go to Preferences > Advanced and enable “Show Develop menu in menu bar”. Then, press Command + Option + C, and look for any messages marked with yellow or red.

Link to comment
Share on other sites

2 minutes ago, Runar said:

I see all four images in Safari on both my Mac (running macOS 12.0.1) and my iPhone (running iOS 15.3). Does it happen with any other images in other posts? Do you have any extensions running, or are you using special network settings?

You should also check the developer console in Safari for any error messages. To open this console, go to Preferences > Advanced and enable “Show Develop menu in menu bar”. Then, press Command + Option + C, and look for any messages marked with yellow or red.

Wow, thank you for post. It appears that this happens to logged in users. I opened chrome and tested it logged in and logged out. 

The issue now is, images not appearing in Safari, when logged in.

Link to comment
Share on other sites

Just now, Chris027 said:

Wow, thank you for post. It appears that this happens to logged in users. I opened chrome and tested it logged in and logged out. 

The issue now is, images not appearing in Safari, when logged in.

OK.  That's something. Have you tried disabling any plugins/applications you might have installed long enough to confirm they are not interfering with the display?  

Link to comment
Share on other sites

Just now, Randy Calvert said:

OK.  That's something. Have you tried disabling any plugins/applications you might have installed long enough to confirm they are not interfering with the display?  

I haven't tried disabling anything yet.

Link to comment
Share on other sites

I signed up with a test user and can confirm that the images disappear if you’re logged in. I assume it has something to do with why I’m able to “edit” the post by clicking somewhere in the post text:

image.thumb.png.541de4fae66fc95949a64f8479dd1e1d.png

I can only “edit” this post, not the other posts in the topic. Try to disable the relevant plugin/application and see if it makes any difference!

Edit: The image in this post works just fine in Safari, even when logged in.

Edited by Runar
Link to comment
Share on other sites

2 minutes ago, Runar said:

I signed up with a test user and can confirm that the images disappear if you’re logged in. I assume it has something to do with why I’m able to “edit” the post by clicking somewhere in the post text:

image.thumb.png.541de4fae66fc95949a64f8479dd1e1d.png

I can only “edit” this post, not the other posts in the topic. Try to disable the relevant plugin/application and see if it makes any difference!

Woah, that's a huge misconfig. THANKS!

I have no clue how it's happening that a new user can edit that post. 

Link to comment
Share on other sites

1 minute ago, Runar said:

Do you have any plugins installed that allow you to edit posts like this?

Can you still edit this post? I logged in as you from AdminCP and can't edit it and I can't reproduce this behavior on my test user. 

Link to comment
Share on other sites

Just now, Runar said:

Yes, I can. I can’t save it, though, but I can still make changes.

Now I see how to get there. I can reproduce it. 

I think you're right about this being related. Thank you!

When I edit this post and look at the source, the top shows this and that's really strange. 

 

<div id=":e1z">
	<div aria-label="Message Body" aria-multiline="true" contenteditable="true" g_editable="true" id=":e23" itacorner="6,7:1,1,0,0" role="textbox" spellcheck="false" tabindex="1">

 

Link to comment
Share on other sites

1 minute ago, Chris027 said:

Now I see how to get there. I can reproduce it. 

I think you're right about this being related. Thank you!

Glad to help! Remember to let us know if you figure out the cause.

Link to comment
Share on other sites

  • Solution

OK, here are the details.

The user must have posted the contents into the post from elsewhere. The source had this code on the top.

<div id=":e1z">
	<div aria-label="Message Body" aria-multiline="true" contenteditable="true" g_editable="true" id=":e23" itacorner="6,7:1,1,0,0" role="textbox" spellcheck="false" tabindex="1">

 

I removed this code and the post is now normal and working. 

Thank you everyone for the help. Awesome community!

Edited by Chris027
Link to comment
Share on other sites

Following along it seems this user posted this via HTML? I would advise only providing HTML/Source editing to those who you completely trust. This way you avoid things like this that may be odd or cause undesired behavior.

 

Link to comment
Share on other sites

12 minutes ago, Jim M said:

Following along it seems this user posted this via HTML?

A more logical conclusion could be that they copy/pasted from another site and the Editor's settings are configured as follows:

image.png.3abba33db14db48156e62d99006229ff.png

Change the setting, if so.

Edited by Nathan Explosion
Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...