FocusZone: respect home/end when in INPUT or TEXTAREA (#2547)

* fixing textfield home/end in focuszone

* Adding change file.

Author: dzearing

common/changes/office-ui-fabric-react/focus-zonefix_2017-08-18-16-01.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "FocusZone: presssing home/end inside of an input/textarea element should respect cursor location.",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "[email protected]"
+}

packages/office-ui-fabric-react/src/components/FocusZone/FocusZone.tsx

@@ -343,13 +343,24 @@ export class FocusZone extends BaseComponent<IFocusZoneProps, {}> implements IFo
           return;
 
         case KeyCodes.home:
+          if (
+            this._isElementInput(ev.target as HTMLElement) &&
+            !this._shouldInputLoseFocus(ev.target as HTMLInputElement, false)) {
+            return false;
+          }
           const firstChild = this.refs.root.firstChild as HTMLElement;
           if (this.focusElement(getNextElement(this.refs.root, firstChild, true) as HTMLElement)) {
             break;
           }
           return;
 
         case KeyCodes.end:
+          if (
+            this._isElementInput(ev.target as HTMLElement) &&
+            !this._shouldInputLoseFocus(ev.target as HTMLInputElement, true)) {
+            return false;
+          }
+
           const lastChild = this.refs.root.lastChild as HTMLElement;
           if (this.focusElement(getPreviousElement(this.refs.root, lastChild, true, true, true) as HTMLElement)) {
             break;