Steps to reproduce the issue

I was revising some documentation and came across differences between browsers and platform. To test, open an article to edit using TinyMCE. Have an adjacent window with an image that can be dragged into the article text. I used the Joomla logo on the Joomla home page. Observe what happens and look at the markup.

Firefox on Mac: The image and enclosing div are copied:

<div class="span7">
<h1 class="page-title"><a href="https://www.joomla.org/"><img src="https://cdn.joomla.org/images/Joomla_logo.png" alt="Joomla CMS" width="40" height="40" />Joomla!</a></h1>
</div>

Chrome on Mac: The image tag is copied.

<img class="img-fluid" src="../j4ops/templates/bs50/images/logo-104a65-142x128.png" alt="removed" width="106" height="96" />

Safari on Mac: prompt for Additional Data / Image Description (Alt Text). The image is saved to images/image.png and it looks like it can only be done once. The markup:

<img src="images/image.png" alt="My Logo" width="142" height="128" loading="lazy" />

Firefox on Linux: as for Mac.

Chrome on Linux: Prompt for Additional Data / Image Description (Alt Text) and the image is saved with the original name.

<img src="images/Joomla_logo.png" alt="Joomla Logo" width="40" height="40" loading="lazy" />

Second time with same name: Error conflict!

Windows / Chrome: reported to behave as expected (but what is that?).

Expected result

Consistency of behaviour

Actual result

Browser and platform dependency,

System information (as much as possible)

Additional comments

It may be that we have to live with this problem. In which case we just mention it in the documentation.