Cannot remove h2,h3 after removing and re-adding line break

[adamiprinciples]

To reproduce: goto https://yabwe.github.io/medium-editor/demo.html and clear the contents

1. Type 'Hello World'
2. Press enter
3. Type 'Goodbye World'
4. Highlight the first line and click 'H2'
5. Put the cursor at the end of the line and press your delete key
6. Press 'Shift'+'Enter' to create a single break
7. Highlight 'Hello World' header and try to click 'H2' to toggle it

Observe the weird behaviour. The only way I've found to fix it is to delete everything and start again

(In Chrome 49.0.2623.110 on Mac OSX 10.11.1)

[nmielnik]

This looks like it could be a medium-editor bug, or it could be a browser bug. I wasn't able to reproduce this behavior in Firefox.

The issue is that in Chrome, once you highlight the <h2> text and click the H2 button, the resulting HTML is:

<h2>
  <p>Hello World</p>
  "" <!-- empty text node -->
  <br>
</h2>

The "Hello World" text is now within both a <p> and a <h2>, which is an html mess that I'm not sure you can undo just by using the buttons in the toolbar.

A workaround could be exposing the removeFormat button in the toolbar, which should allow you to select the text and remove the formatting without having to clear the contents and start over.

[debugd]

I tried the removeFormat button, and it doesn't let you start over..