Adding an image to a comment or description with a URL image creates an empty DIV in the UI

Issue Summary

When adding comments or editing the description field with an inline image from a URL address, an empty DIV is created in the UI with the same image's size which may prevents the user to interact with the UI, depending on where the new DIV is randomly placed.

Steps to Reproduce

There are two possible ways:

Adding the image via email:

1. Add a new comment to a ticket via email by adding an inline image in the body of the message with your email client, in this example, I have used Gmail.
   
2. Send the email to your email handler address

Adding the image via old issue view by adding ?oldIssueView=true after the ticket URL (if available):

1. Opens the ticket URL: https://<instance>.atlassian.net/browse/IssueKey?oldIssueView=true
2. Add a new comment in the Issue view by

   !https://www.bestprintingonline.com/help_resources/Image/Ducky_Head_Web_Low-Res.jpg|width=700,height=600!|width=700,height=600!

3. Save it

Expected Results

Image added successfully with no issues in the UI.

Actual Results

Along with the image that was added, an empty DIV is created in the UI with the same image's size that prevents the user to interact with the UI, if the DIV is in front of any buttons in the UI, they become unavailable. By resizing the window, the DIV changes its place in the screen and should allow with the UI. It seems the buttons are not available, however, when using the DevTools, you can see that actually, there is a DIV in front of the UI.

Workaround

Upload the images from a computer, instead of adding inline images from a URL address.