Uses floating shadow for popup, fixes mobile issues with reflow

9 years ago · 0e883ff404
2 changed files with 6 additions and 1 deletions
--- a/src/definitions/modules/popup.less
+++ b/src/definitions/modules/popup.less
@ -233,6 +233,11 @@
  display: block;
 }

+.ui.visible.popup {
+  transform: translateZ(0px);
+  backface-visibility: hidden;
+}
+

 /*******************************
            Variations
--- a/src/themes/default/modules/popup.variables
+++ b/src/themes/default/modules/popup.variables
@ -12,7 +12,7 @@
@maxWidth: 250px;
@borderColor: #CCCCCC;
@borderWidth: 1px;
-@boxShadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
+@boxShadow: @floatingShadow;
@color: @textColor;

@verticalPadding: 0.833em;