addressing feedback from michael

README.md

@@ -1018,7 +1018,12 @@ To get around this you can use [`React.Portal`](https://reactjs.org/docs/portals
 
 ##### Focus retention when moving between lists
 
-When moving a `Draggable` from one list to another the default browser behaviour is for the *drag handle* element to loose focus. This is because the old element is being destroyed and a new one is being created. The loss of focus is not good when dragging with a keyboard as the user is then unable to continue to interact with the element. To improve this user experience we give a *drag handle* focus as it mounts if it had browser focus when it unmounted and nothing else has obtained browser focus.
+When moving a `Draggable` from one list to another the default browser behaviour is for the *drag handle* element to loose focus. This is because the old element is being destroyed and a new one is being created. The loss of focus is not good when dragging with a keyboard as the user is then unable to continue to interact with the element. To improve this user experience we automatically give a *drag handle* focus when:
+
+- It was unmounted at the end of a drag
+- It had focus
+- It is enabled when mounted
+- No other elements have gained browser focus before the drag handle has mounted
 
 ##### Extending `DraggableProps.style`
 

src/view/drag-handle/drag-handle.jsx

@@ -108,7 +108,7 @@ export default class DragHandle extends Component<Props> {
       this.lastDraggableRef = ref;
 
       // After a ref change we might need to manually force focus onto the ref.
-      // When moving something into or out of a portal the element looses focus
+      // When moving something into or out of a portal the element loses focus
       // https://github.com/facebook/react/issues/12454
 
       // No need to focus

src/view/drag-handle/util/focus-retainer.js

@@ -65,7 +65,7 @@ const tryRestoreFocus = (id: DraggableId, draggableRef: HTMLElement) => {
     return;
   }
 
-  // We are about to force force onto a drag handle
+  // We are about to force focus onto a drag handle
 
   retainingFocusFor = null;
   // no need to clear it - we are already clearing it

test/unit/view/unconnected-draggable.spec.js

@@ -272,7 +272,7 @@ const customViewport: Viewport = {
   subject: getArea({ top: 200, left: 100, right: 300, bottom: 300 }),
 };
 
-const looseFocus = (wrapper: ReactWrapper) => {
+const loseFocus = (wrapper: ReactWrapper) => {
   const el: HTMLElement = wrapper.getDOMNode();
   // raw event
   el.blur();
@@ -1474,7 +1474,7 @@ describe('Draggable - unconnected', () => {
       expect(latest).not.toBe(wrapper.find(WithPortal).instance().portal);
 
       // cleanup
-      looseFocus(wrapper);
+      loseFocus(wrapper);
     });
 
     it('should not take focus if moving to a portal and did not previously have focus', () => {