[wp-trac] [WordPress Trac] #12509: TinyMCE Visual Editor moves </div> tag upwards in Internet Explorer 6 and 7

[WordPress Trac]

#12509: TinyMCE Visual Editor moves </div> tag upwards in Internet Explorer 6 and 7
--------------------------+-------------------------------------------------
 Reporter:  jamescollins  |       Owner:  azaozz         
     Type:  defect (bug)  |      Status:  new            
 Priority:  normal        |   Milestone:  Future Release 
Component:  TinyMCE       |     Version:  2.9.2          
 Severity:  normal        |    Keywords:  ie6,ie7,tinymce
--------------------------+-------------------------------------------------
 We have noticed a strange problem with the visual editor in IE6 and IE7.
 IE8, Firefox 3.5, and Safari 4.x don't have the same problem.

 1. Using IE6 or IE7, create a new page in WordPress.

 2. Switch to the HTML editor.

 3. Paste in the following page text:

 {{{
 <div>
 <img src="blah.jpg" />
 <h2>Heading</h2>
 text
 </div>
 rest of page
 }}}

 4. Switch back to the Visual editor.

 5. Switch back to the HTML editor. The text is now:
 {{{
 <div><img src="blah.jpg" alt="" /></div>
 <h2>Heading</h2>
 text

 rest of page
 }}}

 Notice how the closing </div> tag has been moved up above the "text" and
 <h2> code?



 On the other hand, using this code (same as above, but without the <h2>
 code):

 {{{
 <div>
 <img src="blah.jpg" />
 text
 </div>
 rest of page
 }}}

 produces:

 {{{
 <div><img src="blah.jpg" alt="" />
 text</div>
 rest of page
 }}}


 {{{
 <div>
 <img src="blah.jpg" />
 text 1
 text 2
 </div>
 rest of page
 }}}

 ie it doesn't move the </div> tag. Similarly,

 {{{
 <div>
 <img src="blah.jpg" />
 text 1
 text 2
 </div>
 rest of page
 }}}
 produces:
 {{{
 <div><img src="blah.jpg" alt="" />
 text 1
 text 2</div>
 rest of page
 }}}

 doesn't move the </div> tag either.


 I have been able to replicate this on WordPress 2.9.2, WPMU 2.9.2.

 It is also still a problem on the latest trunk version (r13580).

 I couldn't find any existing bug reports for this, but I did find some
 similar older bugs:
 #6610
 #3492
 #7345


 This is causing a lot of trouble with our clients, who mostly use Internet
 Explorer. When they edit the pages that we have created for them using the
 HTML editor, our custom divs get moved around.

 Thanks

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/12509>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software