add webkit vendor prefixed properties

for mavericks safari

src/skins/vector/css/matrix-react-sdk/views/elements/DirectorySearchBox.css

@@ -22,12 +22,14 @@ limitations under the License.
 
 .mx_DirectorySearchBox_container {
     display: flex;
+    display: -webkit-flex;
     padding-left: 9px;
     padding-right: 9px;
 }
 
 .mx_DirectorySearchBox_input {
     flex-grow: 1;
+    -webkit-flex-grow: 1;
     border: 0;
     padding: 0;
     font-weight: 300;

test/app-tests/joining.js

@@ -102,6 +102,7 @@ describe('joining a room', function () {
                 var input = ReactTestUtils.findRenderedDOMComponentWithTag(
                     roomDir, 'input');
                 input.value = ROOM_ALIAS;
+                ReactTestUtils.Simulate.change(input);
                 ReactTestUtils.Simulate.keyUp(input, {key: 'Enter'});
 
                 // that should create a roomview which will start a peek; wait