Latest build

lib/app_bar/_config.scss

@@ -2,5 +2,7 @@ $appbar-color: $color-primary-dark !default;
 $appbar-contrast: $color-primary-contrast !default;
 $appbar-title-total-distance: 8 * $unit !default;
 $appbar-height: 6.4 * $unit !default;
+$appbar-height-m-portrait: 5.6 * $unit !default;
+$appbar-height-m-landscape: 4.8 * $unit !default;
 $appbar-h-padding: 2.4 * $unit !default;
 $appbar-title-distance: $appbar-title-total-distance - $appbar-h-padding !default;

lib/app_bar/theme.scss

@@ -9,6 +9,14 @@
   color: $appbar-contrast;
   background: $appbar-color;
 
+  @media screen and (max-width: $layout-breakpoint-xxs) and (orientation: portrait) {
+    height: $appbar-height-m-portrait;
+  }
+
+  @media screen and (max-width: $layout-breakpoint-xs) and (orientation: landscape) {
+    height: $appbar-height-m-landscape;
+  }
+
   &:not(.flat) {
     z-index: $z-index-high;
     box-shadow: 0 2px 5px rgba(0,0,0,.26);

lib/autocomplete/Autocomplete.js

@@ -118,7 +118,9 @@ var factory = function factory(Chip, Input) {
       key: 'componentWillReceiveProps',
       value: function componentWillReceiveProps(nextProps) {
         if (!this.props.multiple) {
-          this.setState({ query: nextProps.value });
+          this.setState({
+            query: this.query(nextProps.value)
+          });
         }
       }
     }, {

lib/button/theme.scss

@@ -8,7 +8,7 @@
 %button {
   @include typo-button();
   position: relative;
-  display: inline-block;
+  display: inline-flex;
   height: $button-height;
   flex-direction: row;
   align-content: center;

lib/utils/events.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = {
   getMousePosition: function getMousePosition(event) {
     return {
-      x: event.pageX - window.scrollX,
-      y: event.pageY - window.scrollY
+      x: event.pageX - (window.scrollX || window.pageXOffset),
+      y: event.pageY - (window.scrollY || window.pageYOffset)
     };
   },
   getTouchPosition: function getTouchPosition(event) {
     return {
-      x: event.touches[0].pageX - window.scrollX,
-      y: event.touches[0].pageY - window.scrollY
+      x: event.touches[0].pageX - (window.scrollX || window.pageXOffset),
+      y: event.touches[0].pageY - (window.scrollY || window.pageYOffset)
     };
   },
   pauseEvent: function pauseEvent(event) {