Merge remote-tracking branch 'upstream/master' into fix/web-driver-tests-v8

Conflicts:
	src/styles/index.scss

package-lock.json

@@ -8025,9 +8025,9 @@
       }
     },
     "mapbox-gl-inspect": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/mapbox-gl-inspect/-/mapbox-gl-inspect-1.3.0.tgz",
-      "integrity": "sha512-84qABwzuCenZz3oNF8vzqymE5dBoDhEkG5FUdPE2XFXaYabLo4lODRLReMYzeoNPn/4IJFUb9Qy3MN7lGG8CfA==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/mapbox-gl-inspect/-/mapbox-gl-inspect-1.3.1.tgz",
+      "integrity": "sha512-qkcT8lcYQy2x8wn+BUb6a6YXCEIHeGKHlt01/FSf58yYEmeufuihtbCjN9of2JDQm2XeRGdDEksAH7if7tPyyg==",
       "requires": {
         "lodash.isequal": "4.5.0",
         "randomcolor": "0.4.4"

package.json

@@ -34,7 +34,7 @@
     "lodash.isequal": "^4.5.0",
     "lodash.throttle": "^4.1.1",
     "mapbox-gl": "^0.44.1",
-    "mapbox-gl-inspect": "^1.3.0",
+    "mapbox-gl-inspect": "^1.3.1",
     "maputnik-design": "github:maputnik/design",
     "mousetrap": "^1.6.1",
     "ol-mapbox-style": "^2.10.1",

src/components/inputs/AutocompleteInput.jsx

@@ -54,7 +54,7 @@ class AutocompleteInput extends React.Component {
     >
       <Autocomplete
         menuStyle={{
-          position: "absolute",
+          position: "fixed",
           overflow: "auto",
           maxHeight: this.state.maxHeight
         }}

src/components/layers/LayerEditorGroup.jsx

@@ -23,7 +23,9 @@ export default class LayerEditorGroup extends React.Component {
         <Collapser isCollapsed={this.props.isActive} />
       </div>
       <Collapse isOpened={this.props.isActive}>
+        <div className="react-collapse-container">
           {this.props.children}
+        </div>
       </Collapse>
     </div>
   }

src/components/map/MapboxGlMap.jsx

@@ -121,6 +121,7 @@ export default class MapboxGlMap extends React.Component {
       showMapPopupOnHover: false,
       showInspectMapPopupOnHover: true,
       showInspectButton: false,
+      blockHoverPopupOnClick: true,
       assignLayerColor: (layerId, alpha) => {
         return Color(colors.brightColor(layerId, alpha)).desaturate(0.5).string()
       },

src/styles/_react-collapse.scss

@@ -0,0 +1,5 @@
+// See <https://github.com/nkbt/react-collapse/commit/4f4fbce7c6c07b082dc62062338c9294c656f9df>
+.react-collapse-container {
+  position: relative;
+  overflow: hidden;
+}

src/styles/index.scss

@@ -36,6 +36,7 @@ $toolbar-offset: 0;
 @import 'zoomproperty';
 @import 'popup';
 @import 'map';
+@import 'react-collapse';
 
 /**
  * Hacks for webdriverio isVisibleWithinViewport