Bug 1492739 - Unprefix usage of -moz-user-select from UA stylesheets. r=mats
authorEmilio Cobos Álvarez <emilio@crisal.io>
Fri, 17 May 2019 13:16:35 +0000
changeset 474501 d806a12ca46833286baf4c2f320db7d667a28883
parent 474500 807e0fabd519163758bcf5cfa63f7e7d2f1d9611
child 474502 db45f0c580bb9c8f84d1ef46281e842903d06c4f
push id36041
push userccoroiu@mozilla.com
push dateMon, 20 May 2019 21:55:28 +0000
treeherdermozilla-central@29bdbbe89264 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmats
bugs1492739
milestone68.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1492739 - Unprefix usage of -moz-user-select from UA stylesheets. r=mats Differential Revision: https://phabricator.services.mozilla.com/D31154
layout/style/TopLevelVideoDocument.css
layout/style/contenteditable.css
layout/style/res/forms.css
layout/style/res/html.css
layout/style/res/viewsource.css
--- a/layout/style/TopLevelVideoDocument.css
+++ b/layout/style/TopLevelVideoDocument.css
@@ -20,15 +20,15 @@ video {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   max-width: 100%;
   max-height: 100%;
-  -moz-user-select: none;
+  user-select: none;
   -moz-user-focus: normal;
 }
 
 video:focus {
   outline-width: 0;
 }
--- a/layout/style/contenteditable.css
+++ b/layout/style/contenteditable.css
@@ -6,17 +6,17 @@
 @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
 
 *|*::-moz-canvas {
   cursor: text;
 }
 
 input:-moz-read-write > .anonymous-div:-moz-read-only,
 textarea:-moz-read-write > .anonymous-div:-moz-read-only {
-  -moz-user-select: text;
+  user-select: text;
 }
 
 /* Use default arrow over objects with size that
    are selected when clicked on.
    Override the browser's pointer cursor over links
 */
 
 img:-moz-read-write, img:-moz-read-write[usemap], area:-moz-read-write,
@@ -45,63 +45,63 @@ a:link:-moz-read-write {
   color: -moz-hyperlinktext;
 }
 
 /* Allow double-clicks on these widgets to open properties dialogs
    XXX except when the widget has disabled attribute */
 *|*:-moz-read-write > input:-moz-read-only,
 *|*:-moz-read-write > button:-moz-read-only,
 *|*:-moz-read-write > textarea:-moz-read-only {
-  -moz-user-select: all;
+  user-select: all;
   -moz-user-input: auto !important;
   -moz-user-focus: none !important;
 }
 
 /* XXX Still need a better way of blocking other events to these widgets */
 select:-moz-read-write,
 *|*:-moz-read-write > input:disabled,
 *|*:-moz-read-write > input[type="checkbox"],
 *|*:-moz-read-write > input[type="radio"],
 *|*:-moz-read-write > input[type="file"],
 input[contenteditable="true"]:disabled,
 input[contenteditable="true"][type="checkbox"],
 input[contenteditable="true"][type="radio"],
 input[contenteditable="true"][type="file"] {
-  -moz-user-select: all;
+  user-select: all;
   -moz-user-input: none !important;
   -moz-user-focus: none !important;
 }
 
 *|*:-moz-read-write > input[type="hidden"],
 input[contenteditable="true"][type="hidden"] {
   border: 1px solid black !important;
   visibility: visible !important;
 }
 
 label:-moz-read-write {
-  -moz-user-select: all;
+  user-select: all;
 }
 
 *|*::-moz-display-comboboxcontrol-frame {
-  -moz-user-select: text;
+  user-select: text;
 }
 
 option:-moz-read-write {
-  -moz-user-select: text;
+  user-select: text;
 }
 
 /* the following rules are for Image Resizing */
 
 span[\_moz_anonclass="mozResizer"] {
   width: 5px;
   height: 5px;
   position: absolute;
   border: 1px black solid;
   background-color: white;
-  -moz-user-select: none;
+  user-select: none;
   z-index: 2147483646; /* max value -1 for this property */
 }
 
 /* we can't use :active below */
 span[\_moz_anonclass="mozResizer"][\_moz_activated],
 span[\_moz_anonclass="mozResizer"]:hover {
   background-color: black;
 }
@@ -139,17 +139,17 @@ span[\_moz_anonclass="mozResizer"][anonl
 }
 span[\_moz_anonclass="mozResizer"][anonlocation="se"] {
   cursor: se-resize;
 }
 
 span[\_moz_anonclass="mozResizingShadow"],
 img[\_moz_anonclass="mozResizingShadow"] {
   outline: thin dashed black;
-  -moz-user-select: none;
+  user-select: none;
   opacity: 0.5;
   position: absolute;
   z-index: 2147483647; /* max value for this property */
 }
 
 span[\_moz_anonclass="mozResizingInfo"] {
   font-family: sans-serif;
   font-size: x-small;
@@ -180,33 +180,33 @@ span[\_moz_anonclass="mozGrabber"] {
   outline: ridge 2px silver;
   padding: 2px;
   position: absolute;
   width: 12px;
   height: 12px;
   background-image: url("resource://gre/res/grabber.gif");
   background-repeat: no-repeat;
   background-position: center center;
-  -moz-user-select: none;
+  user-select: none;
   cursor: move;
 }
 
 /* INLINE TABLE EDITING */
 
 a[\_moz_anonclass="mozTableAddColumnBefore"] {
   position: absolute;
   z-index: 2147483647; /* max value for this property */
   text-decoration: none !important;
   border: none 0px !important;
   width: 4px;
   height: 8px;
   background-image: url("resource://gre/res/table-add-column-before.gif");
   background-repeat: no-repeat;
   background-position: center center;
-  -moz-user-select: none;
+  user-select: none;
   -moz-user-focus: none !important;
 }
 
 a[\_moz_anonclass="mozTableAddColumnBefore"]:hover {
   background-image: url("resource://gre/res/table-add-column-before-hover.gif");
 }
 
 a[\_moz_anonclass="mozTableAddColumnBefore"]:active {
@@ -218,17 +218,17 @@ a[\_moz_anonclass="mozTableAddColumnAfte
   z-index: 2147483647; /* max value for this property */
   text-decoration: none !important;
   border: none 0px !important;
   width: 4px;
   height: 8px;
   background-image: url("resource://gre/res/table-add-column-after.gif");
   background-repeat: no-repeat;
   background-position: center center;
-  -moz-user-select: none;
+  user-select: none;
   -moz-user-focus: none !important;
 }
 
 a[\_moz_anonclass="mozTableAddColumnAfter"]:hover {
   background-image: url("resource://gre/res/table-add-column-after-hover.gif");
 }
 
 a[\_moz_anonclass="mozTableAddColumnAfter"]:active {
@@ -240,17 +240,17 @@ a[\_moz_anonclass="mozTableRemoveColumn"
   z-index: 2147483647; /* max value for this property */
   text-decoration: none !important;
   border: none 0px !important;
   width: 8px;
   height: 8px;
   background-image: url("resource://gre/res/table-remove-column.gif");
   background-repeat: no-repeat;
   background-position: center center;
-  -moz-user-select: none;
+  user-select: none;
   -moz-user-focus: none !important;
 }
 
 a[\_moz_anonclass="mozTableRemoveColumn"]:hover {
   background-image: url("resource://gre/res/table-remove-column-hover.gif");
 }
 
 a[\_moz_anonclass="mozTableRemoveColumn"]:active {
@@ -262,17 +262,17 @@ a[\_moz_anonclass="mozTableAddRowBefore"
   z-index: 2147483647; /* max value for this property */
   text-decoration: none !important;
   border: none 0px !important;
   width: 8px;
   height: 4px;
   background-image: url("resource://gre/res/table-add-row-before.gif");
   background-repeat: no-repeat;
   background-position: center center;
-  -moz-user-select: none;
+  user-select: none;
   -moz-user-focus: none !important;
 }
 
 a[\_moz_anonclass="mozTableAddRowBefore"]:hover {
   background-image: url("resource://gre/res/table-add-row-before-hover.gif");
 }
 
 a[\_moz_anonclass="mozTableAddRowBefore"]:active {
@@ -284,17 +284,17 @@ a[\_moz_anonclass="mozTableAddRowAfter"]
   z-index: 2147483647; /* max value for this property */
   text-decoration: none !important;
   border: none 0px !important;
   width: 8px;
   height: 4px;
   background-image: url("resource://gre/res/table-add-row-after.gif");
   background-repeat: no-repeat;
   background-position: center center;
-  -moz-user-select: none;
+  user-select: none;
   -moz-user-focus: none !important;
 }
 
 a[\_moz_anonclass="mozTableAddRowAfter"]:hover {
   background-image: url("resource://gre/res/table-add-row-after-hover.gif");
 }
 
 a[\_moz_anonclass="mozTableAddRowAfter"]:active {
@@ -306,17 +306,17 @@ a[\_moz_anonclass="mozTableRemoveRow"] {
   z-index: 2147483647; /* max value for this property */
   text-decoration: none !important;
   border: none 0px !important;
   width: 8px;
   height: 8px;
   background-image: url("resource://gre/res/table-remove-row.gif");
   background-repeat: no-repeat;
   background-position: center center;
-  -moz-user-select: none;
+  user-select: none;
   -moz-user-focus: none !important;
 }
 
 a[\_moz_anonclass="mozTableRemoveRow"]:hover {
   background-image: url("resource://gre/res/table-remove-row-hover.gif");
 }
 
 a[\_moz_anonclass="mozTableRemoveRow"]:active {
--- a/layout/style/res/forms.css
+++ b/layout/style/res/forms.css
@@ -98,17 +98,17 @@ input {
   text-rendering: optimizeLegibility;
   line-height: normal;
   text-align: start;
   text-transform: none;
   word-spacing: normal;
   letter-spacing: normal;
   cursor: text;
   text-indent: 0;
-  -moz-user-select: text;
+  user-select: text;
   text-shadow: none;
   overflow-clip-box: padding-box content-box;
 }
 
 input > .anonymous-div,
 input::placeholder {
   word-wrap: normal !important;
   /* Make the line-height equal to the available height */
@@ -125,17 +125,17 @@ textarea {
   padding-inline-end: 1px;
   background-color: -moz-Field;
   color: -moz-FieldText;
   font: medium -moz-fixed;
   text-rendering: optimizeLegibility;
   vertical-align: text-bottom;
   cursor: text;
   resize: both;
-  -moz-user-select: text;
+  user-select: text;
   white-space: pre-wrap;
   word-wrap: break-word;
   overflow-clip-box: content-box;
   /* A few properties that we don't want to inherit by default: */
   text-align: initial;
   text-indent: initial;
   text-shadow: initial;
   text-transform: initial;
@@ -226,17 +226,17 @@ select {
   color: -moz-ComboboxText;
   font: -moz-list;
   line-height: initial;
   white-space: nowrap !important;
   word-wrap: normal !important;
   text-align: start;
   cursor: default;
   box-sizing: border-box;
-  -moz-user-select: none;
+  user-select: none;
   -moz-appearance: menulist;
   border-width: 2px;
   border-style: inset;
   text-indent: 0;
   overflow: -moz-hidden-unscrollable;
   text-shadow: none;
   /* No text-decoration reaching inside, by default */
   display: inline-block;
@@ -318,17 +318,17 @@ select > button[orientation="right"]:act
      add up to the block-start/end borderpadding of text inputs and buttons */
   padding-block-start: 1px;
   padding-block-end: 1px;
   padding-inline-start: 4px;
   padding-inline-end: 4px;
   color: unset;
   white-space: nowrap;
   text-align: unset;
-  -moz-user-select: none;
+  user-select: none;
   /* Make sure to size correctly if the combobox has a non-auto block-size. */
   block-size: 100% ! important;
   box-sizing: border-box ! important;
   line-height: -moz-block-height;
 }
 
 option {
   display: block;
@@ -337,17 +337,17 @@ option {
   min-block-size: 1em;
   /*
    * Note that the "UA !important" tests in
    * layout/style/test/test_animations.html depend on this rule, because
    * they need some UA !important rule to test.  If this changes, use a
    * different one there.
    */
   line-height: normal !important;
-  -moz-user-select: none;
+  user-select: none;
   text-indent: 0;
   white-space: nowrap !important;
   word-wrap: normal !important;
   text-align: match-parent;
 }
 
 select > option {
   padding-block-start : 0;
@@ -371,17 +371,17 @@ optgroup {
   display: block;
   float: none !important;
   position: static !important;
   font: -moz-list;
   line-height: normal !important;
   font-style: italic;
   font-weight: bold;
   font-size: unset;
-  -moz-user-select: none;
+  user-select: none;
   text-indent: 0;
   white-space: nowrap !important;
   word-wrap: normal !important;
 }
 
 optgroup > option {
   padding-inline-start: 20px;
   font-style: normal;
@@ -391,17 +391,17 @@ optgroup > option {
 optgroup:before {
   display: block;
   content: attr(label);
 }
 
 *|*::-moz-dropdown-list {
   z-index: 2147483647;
   background-color: inherit;
-  -moz-user-select: none;
+  user-select: none;
   position: static !important;
   float: none !important;
 
   /*
    * We can't change the padding here, because that would affect our
    * intrinsic inline-size, since we scroll.  But at the same time, we want
    * to make sure that our inline-start border+padding matches the inline-start
    * border+padding of a combobox so that our scrollbar will line up
@@ -485,17 +485,17 @@ input[type="file"] > label {
   min-inline-size: 12em;
   padding-inline-start: 5px;
   text-align: match-parent;
 
   color: unset;
   font-size: unset;
   letter-spacing: unset;
 
-  -moz-user-select: none;
+  user-select: none;
   unicode-bidi: plaintext;
 }
 
 /* button part of file selector */
 input[type="file"] > button {
   block-size: inherit;
   font-size: unset;
   letter-spacing: unset;
@@ -592,17 +592,17 @@ input[type="submit"] {
   padding-block-start: 0px;
   padding-inline-end: 8px;
   padding-block-end: 0px;
   padding-inline-start: 8px;
   border: 2px outset ThreeDLightShadow;
   background-color: ButtonFace;
   cursor: default;
   box-sizing: border-box;
-  -moz-user-select: none;
+  user-select: none;
 }
 
 /* Text-related properties for buttons: these ones are not shared with
    input[type="color"] */
 button,
 input[type="reset"],
 input[type="button"],
 input[type="submit"] {
@@ -871,17 +871,17 @@ input[type=range] {
   -moz-appearance: range;
   display: inline-block;
   margin: 2px;
   /* Override some rules that apply on all input types: */
   cursor: default;
   padding: unset;
   border: unset;
   /* Prevent nsFrame::HandlePress setting mouse capture to this element. */
-  -moz-user-select: none ! important;
+  user-select: none !important;
 }
 
 /**
  * Ideally we'd also require :-moz-focusring here, but that doesn't currently
  * work. Instead we only use the -moz-focus-outer border style if
  * NS_EVENT_STATE_FOCUSRING is set (the check is in
  * nsRangeFrame::BuildDisplayList).
  */
@@ -902,17 +902,17 @@ input[type=range]::-moz-range-track {
   /* Prevent styling that would change the type of frame we construct. */
   display: block !important;
   float: none !important;
   position: static !important;
   writing-mode: unset !important;
   direction: unset !important;
   block-size: 0.2em;
   /* Prevent nsFrame::HandlePress setting mouse capture to this element. */
-  -moz-user-select: none ! important;
+  user-select: none !important;
 }
 
 /**
  * Layout handles positioning of this pseudo-element specially (so that content
  * authors can concentrate on styling this pseudo-element without worrying
  * about the logic to position it). Specifically the 'margin', 'top' and 'left'
  * properties are ignored. Additionally, if the range is horizontal, the width
  * property is ignored, and if the range range is vertical, the height property
@@ -926,17 +926,17 @@ input[type=range]::-moz-range-progress {
   writing-mode: unset !important;
   direction: unset !important;
   /* Since one of width/height will be ignored, this just sets the "other"
      dimension.
    */
   width: 0.2em;
   height: 0.2em;
   /* Prevent nsFrame::HandlePress setting mouse capture to this element. */
-  -moz-user-select: none ! important;
+  user-select: none !important;
 }
 
 /**
  * Layout handles positioning of this pseudo-element specially (so that content
  * authors can concentrate on styling the thumb without worrying about the
  * logic to position it). Specifically the 'margin', 'top' and 'left'
  * properties are ignored.
  */
@@ -952,17 +952,17 @@ input[type=range]::-moz-range-thumb {
   writing-mode: unset !important;
   direction: unset !important;
   width: 1em;
   height: 1em;
   border: 0.1em solid #999;
   border-radius: 0.5em;
   background-color: #F0F0F0;
   /* Prevent nsFrame::HandlePress setting mouse capture to this element. */
-  -moz-user-select: none ! important;
+  user-select: none !important;
 }
 
 input[type="number"] {
   -moz-appearance: number-input;
   /* Has to revert some properties applied by the generic input rule. */
   inline-size: 20ch; /* It'd be nice if this matched the default inline-size
                         of <input type=text>, but that's not easy to achieve
                         due to platform differences. */
--- a/layout/style/res/html.css
+++ b/layout/style/res/html.css
@@ -704,17 +704,17 @@ noframes {
 }
 
 spacer {
   position: static ! important;
   float: none ! important;
 }
 
 canvas {
-  -moz-user-select: none;
+  user-select: none;
 }
 
 /* focusable content: anything w/ tabindex >=0 is focusable, but we
    skip drawing a focus outline on a few things that handle it
    themselves. */
 :-moz-focusring:not(input):not(button):not(select):not(textarea):not(iframe):not(frame):not(body):not(html),
 input[type="file"]:-moz-focusring {
   /* Don't specify the outline-color, we should always use initial value. */
--- a/layout/style/res/viewsource.css
+++ b/layout/style/res/viewsource.css
@@ -31,17 +31,17 @@ pre {
   color: inherit;
   white-space: inherit;
   margin: 0 0 0 5ch;
 }
 pre[id]:before,
 span[id]:before {
   content: counter(line) " ";
   counter-increment: line;
-  -moz-user-select: none;
+  user-select: none;
   display: inline-block;
   width: 5ch;
   margin: 0 0 0 -5ch;
   text-align: right;
   color: #ccc;
   font-weight: normal;
   font-style: normal;
 }