fix(app): user-select on desktop

core/src/components/app/app.scss

@@ -35,6 +35,10 @@ ion-app,
   display: none !important;
 }
 
+ion-app.is-device {
+  user-select: none;
+}
+
 
 // Misc
 // --------------------------------------------------

core/src/components/app/app.tsx

@@ -20,11 +20,14 @@ export class App {
   }
 
   hostData() {
+    const device = this.config.getBoolean('isDevice', isDevice(this.win));
     const hybrid = isHybrid(this.win);
     const statusBar = this.config.getBoolean('statusbarPadding', hybrid);
 
     return {
       class: {
+        'is-device': device,
+        'is-hydrid': hybrid,
         'statusbar-padding': statusBar
       }
     };

core/src/components/button/button.scss

@@ -135,7 +135,6 @@
   cursor: pointer;
   opacity: var(--opacity);
   overflow: var(--overflow);
-  user-select: none;
   vertical-align: top; // the better option for most scenarios
   vertical-align: -webkit-baseline-middle; // the best for those that support it
   z-index: 0;

core/src/components/checkbox/checkbox.scss

@@ -14,6 +14,8 @@
 
   display: inline-block;
   position: relative;
+
+  user-select: none;
 }
 
 :host(.checkbox-checked) .checkbox-icon {

core/src/components/fab-button/fab-button.scss

@@ -62,7 +62,6 @@
   contain: strict;
   cursor: pointer;
   overflow: hidden;
-  user-select: none;
   z-index: 0;
   font-kerning: none;
   appearance: none;

core/src/components/infinite-scroll-content/infinite-scroll-content.scss

@@ -12,6 +12,8 @@ ion-infinite-scroll-content {
   min-height: $infinite-scroll-content-min-height;
 
   text-align: center;
+
+  user-select: none;
 }
 
 .infinite-loading {

core/src/components/radio/radio.scss

@@ -9,6 +9,8 @@
   display: inline-block;
   position: relative;
   box-sizing: border-box;
+
+  user-select: none;
 }
 
 .radio-icon {

core/src/components/segment-button/segment-button.scss

@@ -61,7 +61,6 @@
   contain: content;
   cursor: pointer;
   overflow: hidden;
-  user-select: none;
   font-kerning: none;
 
   &:active,

core/src/components/spinner/spinner.scss

@@ -9,6 +9,8 @@
 
   width: 28px;
   height: 28px;
+
+  user-select: none;
 }
 
 :host(.ion-color) {

core/src/css/structure.scss

@@ -38,7 +38,6 @@ body {
   overflow: hidden;
 
   touch-action: manipulation;
-  user-select: none;
 
   -webkit-user-drag: none;