FLUID-6348: Updating z-index and comment explaining the value.

fluid-project · Oct 24, 2018 · 61bf477 · 61bf477
1 parent 981d569
commit 61bf477
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/orator/css/Orator.css b/src/components/orator/css/Orator.css
@@ -74,8 +74,13 @@
     /* Align down arrow to the beginning of the character that is first selected. */
     transform: translate(-49%);
 
-    /* force the play button to the top of the stacking order (see: https://issues.fluidproject.org/browse/FLUID-6348) */
-    z-index: 9007199254740992;
+    /*
+        Force the play button to the top of the stacking order (see: https://issues.fluidproject.org/browse/FLUID-6348)
+
+        The z-index can take an integer value (https://www.w3.org/TR/CSS22/visuren.html#z-index) but a max and min are
+        not specified. Here we make use of a value equal to the JavaScript `Number.MAX_SAFE_INTEGER`
+    */
+    z-index: 9007199254740991;
 }
 
 .fl-orator-selectionReader-play:after,