Fix rich text utils backspace not clearing the block type at the start.

src/model/modifier/RichTextEditorUtil.js

@@ -374,9 +374,9 @@ const RichTextEditorUtil = {
   },
 
   /**
-   * When a collapsed cursor is at the start of an empty styled block, allow
-   * certain key commands (newline, backspace) to simply change the
-   * style of the block instead of the default behavior.
+   * When a collapsed cursor is at the start of the first block or an empty
+   * styled block, allow certain key commands (newline, backspace) to simply
+   * change the style of the block instead of the default behavior.
    */
   tryToRemoveBlockStyle: function(editorState: EditorState): ?ContentState {
     var selection = editorState.getSelection();
@@ -385,7 +385,9 @@ const RichTextEditorUtil = {
       var key = selection.getAnchorKey();
       var content = editorState.getCurrentContent();
       var block = content.getBlockForKey(key);
-      if (block.getLength() > 0) {
+
+      var firstBlock = content.getFirstBlock();
+      if (block.getLength() > 0 && block !== firstBlock) {
         return null;
       }
 

src/model/modifier/__tests__/RichTextEditorUtil-test.js

@@ -59,7 +59,7 @@ describe('RichTextEditorUtil', () => {
 
       // Remove the current text from the blockquote.
       const resetBlockquote = DraftModifier.removeRange(
-        editorState.getCurrentContent(),
+        contentState,
         new SelectionState({
           anchorKey: lastBlockKey,
           anchorOffset: 0,
@@ -82,6 +82,27 @@ describe('RichTextEditorUtil', () => {
       expect(lastBlockNow.getText()).toBe('');
     });
 
+    it('resets the current block type at the start of the first block', () => {
+      const contentState = editorState.getCurrentContent();
+
+      const setListItem = DraftModifier.setBlockType(
+        contentState,
+        selectionState,
+        'unordered-list-item',
+      );
+
+      const withListItem = EditorState.push(
+        editorState,
+        setListItem,
+        'change-block-type',
+      );
+
+      const afterBackspace = onBackspace(withListItem);
+      const firstBlockNow = afterBackspace.getCurrentContent().getFirstBlock();
+
+      expect(firstBlockNow.getType()).toBe('unstyled');
+    });
+
     it('removes a preceding atomic block', () => {
       const withAtomicBlock = insertAtomicBlock(editorState);
       const afterBackspace = onBackspace(withAtomicBlock);