1454426 - Hiding and showing an iframe that contains an editable div causes image duplication

Status: NEW

(Core :: DOM: Editor, defect, P3)

Description

[ed.hager]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36

Steps to reproduce:

I'm using Firefox 59.0.2 on macOS 10.13.4.

Here is a CodePen that demonstrates the problem: https://codepen.io/edhager/pen/OvKwNO

I created an iframe that contains an editable <div> that contains an image.  Here are the steps to reproduce the error:
1. Click the "Add/Remove Hide class" button to hide the iframe.  The code uses "display: none" to hide the div that contains the iframe.
2. Click the "Add/Remove Hide class" button to show the iframe.
3. Double click on the image.


Actual results:

A second instance of the image is added but open the DOM inspector and notice there is still only one <img> tag. 


Expected results:

I expected nothing to happen.  

If you double click the image first, nothing happens on the second double click.
1. Double click on the image.
2. Click the "Add/Remove Hide class" button to hide the iframe.
3. Click the "Add/Remove Hide class" button to show the iframe.
4. Double click on the image.

Comment 1

[Alice0775 White]

firefox3.6 : works as expected
firefox4   : crashes when click on image
firefox5 and later : reproduced the issue

Comment 2

[Makoto Kato [:m_kato]]

old regression...