Bug 1201750 - Prevent "select all" command from selecting content in hidden tabs. r=jdescottes

Now "select all" command no more selects the content of hidden tabs.

MozReview-Commit-ID: GPK2293JqnP

--HG--
extra : rebase_source : 41bc448402606e6b6ec333c4dc90906be45208c8

devtools/client/shared/components/tabs/tabs.css

@@ -30,8 +30,15 @@
   white-space: nowrap;
 }
 
+/* To avoid "select all" commands from selecting content in hidden tabs */
+.tabs .hidden,
+.tabs .hidden * {
+  -moz-user-select: none !important;
+}
+
 .tabs .tabs-menu-item a {
   cursor: default;
+  -moz-user-select: none;
 }
 
 /* Make sure panel content takes entire vertical space.

devtools/client/shared/components/tabs/tabs.js

@@ -329,7 +329,7 @@ define(function (require, exports, module) {
               id: id ? id + "-panel" : "panel-" + index,
               key: index,
               style: style,
-              className: "tab-panel-box",
+              className: selected ? "tab-panel-box" : "tab-panel-box hidden",
               role: "tabpanel",
               "aria-labelledby": id ? id + "-tab" : "tab-" + index,
             },

devtools/client/themes/boxmodel.css

@@ -226,7 +226,7 @@
 
 .boxmodel-editable {
   border: 1px dashed transparent;
-  -moz-user-select: text;
+  -moz-user-select: none;
 }
 
 .boxmodel-editable:hover {

devtools/client/themes/computed.css

@@ -29,6 +29,7 @@
 #computedview-toolbar {
   display: flex;
   align-items: center;
+  -moz-user-select: none;
 }
 
 #browser-style-checkbox {

devtools/client/themes/deprecated-boxmodel.css

@@ -11,6 +11,7 @@
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-color: var(--theme-splitter-color);
+  -moz-user-select: none;
 }
 
 #old-boxmodel-container {
@@ -233,7 +234,7 @@
 
 .old-boxmodel-editable {
   border: 1px dashed transparent;
-  -moz-user-select: text;
+  -moz-user-select: none;
 }
 
 .old-boxmodel-editable:hover {