Merge branch 'dev' into button-position

src/components/intro/index.tsx

@@ -152,13 +152,20 @@ export default class Intro extends Component<Props, State> {
 
   @bind
   private onAppInstalled() {
+    // We don't need the install button, if it's shown
+    this.setState({ beforeInstallEvent: undefined });
+
+    // Don't log analytics if page is not visible
+    if (document.hidden) {
+      return;
+    }
+
     // Try to get the install, if it's not set, use 'browser'
     const source = this.installingViaButton ? installButtonSource : 'browser';
     ga('send', 'event', 'pwa-install', 'installed', source);
 
+    // Clear the install method property
     this.installingViaButton = false;
-    // We don't need the install button, if it's shown
-    this.setState({ beforeInstallEvent: undefined });
   }
 
   render({ }: Props, { fetchingDemoIndex, beforeInstallEvent }: State) {

src/components/select/index.tsx

@@ -12,8 +12,8 @@ export default class Select extends Component<Props, State> {
 
     return (
       <div class={style.select}>
-        <select class={`${style.nativeSelect} ${large ? style.large : ''}`} {...otherProps}/>
-        <svg class={style.arrow} viewBox="0 0 10 5"><path d="M0 0l5 5 5-5z"/></svg>
+        <select class={`${style.builtinSelect} ${large ? style.large : ''}`} {...otherProps} />
+        <svg class={style.arrow} viewBox="0 0 10 5"><path d="M0 0l5 5 5-5z" /></svg>
       </div>
     );
   }

src/components/select/style.scss

@@ -2,7 +2,7 @@
   position: relative;
 }
 
-.native-select {
+.builtin-select {
   background: #2f2f2f;
   border-radius: 4px;
   font: inherit;