fomantic-ui 2.9.1-beta.2 → 2.9.1-beta.21

package/dist/components/dropdown.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.2+f5a64f3 - Dropdown
+ * # Fomantic-UI 2.9.1-beta.21+2722e1b - Dropdown
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -36,10 +36,9 @@
 *******************************/
 
 
-/*--------------
+/* --------------
       Menu
----------------*/
-
+--------------- */
 .ui.dropdown .menu {
   cursor: auto;
   position: absolute;
@@ -68,19 +67,17 @@
   white-space: nowrap;
 }
 
-/*--------------
+/* --------------
   Hidden Input
----------------*/
-
+--------------- */
 .ui.dropdown > input:not(.search):first-child,
 .ui.dropdown > select {
   display: none !important;
 }
 
-/*--------------
+/* --------------
  Dropdown Icon
----------------*/
-
+--------------- */
 .ui.dropdown:not(.labeled) > .dropdown.icon {
   position: relative;
   width: auto;
@@ -97,20 +94,18 @@
   margin-right: 1em;
 }
 
-/*--------------
+/* --------------
       Text
----------------*/
-
+--------------- */
 .ui.dropdown > .text {
   display: inline-block;
   -webkit-transition: none;
   transition: none;
 }
 
-/*--------------
+/* --------------
     Menu Item
----------------*/
-
+--------------- */
 .ui.dropdown .menu > .item {
   position: relative;
   cursor: pointer;
@@ -143,10 +138,9 @@
           flex-direction: column-reverse;
 }
 
-/*--------------
+/* --------------
   Floated Content
----------------*/
-
+--------------- */
 .ui.dropdown > .text > [class*="right floated"],
 .ui.dropdown .menu .item > [class*="right floated"] {
   float: right !important;
@@ -166,10 +160,9 @@
   margin-top: 0em;
 }
 
-/*--------------
+/* --------------
   Menu Divider
----------------*/
-
+--------------- */
 .ui.dropdown .menu > .header {
   margin: 1rem 0 0.75rem;
   padding: 0 1.14285714rem;
@@ -209,10 +202,9 @@
   padding-bottom: 0.5em;
 }
 
-/*-----------------
+/* -----------------
   Item Description
--------------------*/
-
+------------------- */
 .ui.dropdown > .text > .description,
 .ui.dropdown .menu > .item > .description {
   float: right;
@@ -223,18 +215,16 @@
   margin: 0;
 }
 
-/*-----------------
+/* -----------------
       Item Text
--------------------*/
-
+------------------- */
 .ui.dropdown .menu > .item.vertical > .text {
   margin-bottom: 0.25em;
 }
 
-/*-----------------
+/* -----------------
        Message
--------------------*/
-
+------------------- */
 .ui.dropdown .menu > .message {
   padding: 0.78571429rem 1.14285714rem;
   font-weight: normal;
@@ -243,10 +233,9 @@
   color: rgba(0, 0, 0, 0.4);
 }
 
-/*--------------
+/* --------------
     Sub Menu
----------------*/
-
+--------------- */
 .ui.dropdown .menu .menu {
   top: 0;
   left: 100%;
@@ -261,10 +250,9 @@
   display: none;
 }
 
-/*--------------
+/* --------------
    Sub Elements
----------------*/
-
+--------------- */
 
 /* Icons / Flags / Labels / Image */
 .ui.dropdown > .text > i.icons,
@@ -300,10 +288,9 @@
   margin-right: 0.78571429rem;
 }
 
-/*--------------
+/* --------------
      Image
----------------*/
-
+--------------- */
 .ui.dropdown > .text > img,
 .ui.dropdown > .text > .image:not(.icon),
 .ui.dropdown .menu > .item > .image:not(.icon),
@@ -322,10 +309,9 @@
 *******************************/
 
 
-/*--------------
+/* --------------
       Menu
----------------*/
-
+--------------- */
 
 /* Remove Menu Item Divider */
 .ui.dropdown .ui.menu > .item::before,
@@ -346,20 +332,18 @@
   right: 0;
 }
 
-/*--------------
-        Label
-  ---------------*/
-
+/* --------------
+          Label
+    --------------- */
 
 /* Dropdown Menu */
 .ui.label.dropdown .menu {
   min-width: 100%;
 }
 
-/*--------------
-       Button
-  ---------------*/
-
+/* --------------
+         Button
+    --------------- */
 
 /* No Margin On Icon Button */
 .ui.dropdown.icon.button > .dropdown.icon {
@@ -387,10 +371,9 @@ select.ui.dropdown {
   visibility: visible;
 }
 
-/*--------------
-      Selection
-  ---------------*/
-
+/* --------------
+        Selection
+    --------------- */
 
 /* Displays like a select box */
 .ui.selection.dropdown {
@@ -447,6 +430,8 @@ select.ui.dropdown {
 .ui.selection.dropdown .menu {
   overflow-x: hidden;
   overflow-y: auto;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
@@ -467,10 +452,9 @@ select.ui.dropdown {
   display: none;
 }
 
-/*--------------
-      Message
-  ---------------*/
-
+/* --------------
+        Message
+    --------------- */
 .ui.selection.dropdown .menu > .message {
   padding: 0.78571429rem 1.14285714rem;
 }
@@ -694,10 +678,9 @@ select.ui.dropdown {
   }
 }
 
-/*--------------
-     Searchable
-  ---------------*/
-
+/* --------------
+       Searchable
+    --------------- */
 
 /* Search Selection */
 .ui.search.dropdown {
@@ -771,6 +754,8 @@ select.ui.dropdown {
 .ui.search.dropdown .menu {
   overflow-x: hidden;
   overflow-y: auto;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
@@ -831,10 +816,9 @@ select.ui.dropdown {
   margin-top: -1.35em;
 }
 
-/*--------------
-      Multiple
-  ---------------*/
-
+/* --------------
+        Multiple
+    --------------- */
 
 /* Multiple Selection */
 .ui.ui.multiple.dropdown {
@@ -891,10 +875,9 @@ select.ui.dropdown {
   height: 1.71428571em;
 }
 
-/*-----------------
-      Multiple Search
-    -----------------*/
-
+/* -----------------
+          Multiple Search
+        ----------------- */
 
 /* Multiple Search Selection */
 .ui.multiple.search.dropdown,
@@ -929,10 +912,9 @@ select.ui.dropdown {
   min-width: 14em;
 }
 
-/*--------------
-       Inline
-  ---------------*/
-
+/* --------------
+         Inline
+    --------------- */
 .ui.inline.dropdown {
   cursor: pointer;
   display: inline-block;
@@ -957,10 +939,9 @@ select.ui.dropdown {
 *******************************/
 
 
-/*--------------------
+/* --------------------
         Active
-----------------------*/
-
+---------------------- */
 
 /* Menu Item Active */
 .ui.dropdown .menu .active.item {
@@ -972,10 +953,9 @@ select.ui.dropdown {
   z-index: 12;
 }
 
-/*--------------------
+/* --------------------
         Hover
-----------------------*/
-
+---------------------- */
 
 /* Menu Item Hover */
 .ui.dropdown .menu > .item:hover {
@@ -984,10 +964,9 @@ select.ui.dropdown {
   z-index: 13;
 }
 
-/*--------------------
+/* --------------------
      Default Text
-----------------------*/
-
+---------------------- */
 .ui.dropdown:not(.button) > .default.text,
 .ui.default.dropdown:not(.button) > .text {
   color: rgba(191, 191, 191, 0.87);
@@ -997,10 +976,9 @@ select.ui.dropdown {
   color: rgba(115, 115, 115, 0.87);
 }
 
-/*--------------------
-         Loading
-  ---------------------*/
-
+/* --------------------
+           Loading
+    --------------------- */
 .ui.loading.dropdown > i.icon {
   height: 1em !important;
 }
@@ -1059,10 +1037,9 @@ select.ui.dropdown {
   right: auto !important;
 }
 
-/*--------------------
+/* --------------------
     Keyboard Select
-----------------------*/
-
+---------------------- */
 
 /* Selected Item */
 .ui.dropdown.selected,
@@ -1071,10 +1048,9 @@ select.ui.dropdown {
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*--------------------
+/* --------------------
     Search Filtered
-----------------------*/
-
+---------------------- */
 
 /* Filtered Item */
 .ui.dropdown > .filtered.text {
@@ -1084,10 +1060,9 @@ select.ui.dropdown {
   display: none !important;
 }
 
-/*--------------------
-          States
-  ----------------------*/
-
+/* --------------------
+            States
+    ---------------------- */
 .ui.dropdown.error,
 .ui.dropdown.error > .text,
 .ui.dropdown.error > .default.text {
@@ -1217,10 +1192,9 @@ select.ui.dropdown {
   background-color: #fdfdce;
 }
 
-/*--------------------
-        Clear
-----------------------*/
-
+/* --------------------
+            Clear
+    ---------------------- */
 .ui.dropdown > .remove.icon,
 .ui.dropdown > .clear.dropdown.icon {
   opacity: 0.6;
@@ -1232,10 +1206,9 @@ select.ui.dropdown {
   opacity: 1;
 }
 
-/*--------------------
-          Disabled
-  ----------------------*/
-
+/* --------------------
+            Disabled
+    ---------------------- */
 
 /* Disabled */
 .ui.disabled.dropdown,
@@ -1245,10 +1218,9 @@ select.ui.dropdown {
   opacity: 0.45;
 }
 
-/*--------------------
-          Read-Only
-  ----------------------*/
-
+/* --------------------
+            Read-Only
+    ---------------------- */
 .ui.read-only.dropdown {
   cursor: default;
   pointer-events: none;
@@ -1260,10 +1232,9 @@ select.ui.dropdown {
 *******************************/
 
 
-/*--------------
+/* --------------
     Direction
----------------*/
-
+--------------- */
 
 /* Flyout Direction */
 .ui.dropdown .menu {
@@ -1308,10 +1279,9 @@ select.ui.dropdown {
   margin-right: 0;
 }
 
-/*--------------
-       Upward
-  ---------------*/
-
+/* --------------
+         Upward
+    --------------- */
 
 /* Upward Main Menu */
 .ui.upward.dropdown > .menu {
@@ -1376,20 +1346,17 @@ select.ui.dropdown {
           box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
 }
 
-/*--------------
-       Scrolling
-  ---------------*/
-
+/* --------------
+         Scrolling
+    --------------- */
 
 /*  Selection Menu */
 .ui.scrolling.dropdown .menu,
 .ui.dropdown .scrolling.menu {
   overflow-x: hidden;
   overflow-y: auto;
-}
-.ui.scrolling.dropdown .menu {
-  overflow-x: hidden;
-  overflow-y: auto;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
@@ -1398,14 +1365,11 @@ select.ui.dropdown {
 }
 .ui.dropdown .scrolling.menu {
   position: static;
-  overflow-y: auto;
   border: none;
   -webkit-box-shadow: none !important;
           box-shadow: none !important;
-  border-radius: 0 !important;
+  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
   margin: 0 !important;
-  min-width: 100% !important;
-  width: auto !important;
   border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
 .ui.scrolling.dropdown .menu .item.item.item,
@@ -1453,10 +1417,9 @@ select.ui.dropdown {
   }
 }
 
-/*--------------------
-          Labeled
-  ---------------------*/
-
+/* --------------------
+            Labeled
+    --------------------- */
 
 /* Regular Label on Left */
 .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
@@ -1476,10 +1439,9 @@ select.ui.dropdown {
   border-bottom-left-radius: 0;
 }
 
-/*--------------
-       Columnar
-  ---------------*/
-
+/* --------------
+         Columnar
+    --------------- */
 .ui.column.dropdown > .menu {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
@@ -1497,10 +1459,9 @@ select.ui.dropdown {
   width: 20%;
 }
 
-/*--------------
-       Simple
-  ---------------*/
-
+/* --------------
+         Simple
+    --------------- */
 
 /* Displays without javascript */
 .ui.simple.dropdown .menu::before,
@@ -1538,7 +1499,7 @@ select.ui.dropdown {
 }
 .ui.simple.active.dropdown > .menu,
 .ui.simple.dropdown:hover > .menu {
-  overflow: auto;
+  overflow: visible;
   width: auto;
   height: auto;
   top: 100%;
@@ -1546,13 +1507,21 @@ select.ui.dropdown {
 }
 .ui.simple.dropdown > .menu > .item:active > .menu,
 .ui.simple.dropdown .menu .item:hover > .menu {
-  overflow: auto;
+  overflow: visible;
   width: auto;
   height: auto;
   top: 0 !important;
   left: 100%;
   opacity: 1;
 }
+.ui.simple.selection.active.dropdown > .menu,
+.ui.simple.selection.dropdown:hover > .menu,
+.ui.simple.selection.dropdown > .menu > .item:active > .menu,
+.ui.simple.selection.dropdown .menu .item:hover > .menu {
+  overflow: auto;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+}
 .ui.simple.dropdown > .menu > .item:active > .left.menu,
 .ui.simple.dropdown .menu .item:hover > .left.menu,
 .right.menu .ui.simple.dropdown > .menu > .item:active > .menu:not(.right),
@@ -1577,12 +1546,13 @@ select.ui.dropdown {
 .ui.simple.scrolling.dropdown:hover > .menu {
   overflow-x: hidden;
   overflow-y: auto;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
 }
 
-/*--------------
-        Fluid
-  ---------------*/
-
+/* --------------
+          Fluid
+    --------------- */
 .ui.fluid.dropdown {
   display: block;
   width: 100% !important;
@@ -1592,10 +1562,9 @@ select.ui.dropdown {
   float: right;
 }
 
-/*--------------
-      Floating
-  ---------------*/
-
+/* --------------
+        Floating
+    --------------- */
 .ui.floating.dropdown > .menu {
   left: 0;
   right: auto;
@@ -1603,20 +1572,16 @@ select.ui.dropdown {
           box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
   border-radius: 0.28571429rem !important;
 }
-.ui.floating.dropdown > .menu {
-  border-radius: 0.28571429rem !important;
-}
 .ui:not(.upward).floating.dropdown > .menu {
   margin-top: 0.5em;
 }
-.ui.upward.floating.dropdown > .menu {
+.ui.upward.floating.dropdown:not(.simple) > .menu {
   margin-bottom: 0.5em;
 }
 
-/*--------------
-       Pointing
-  ---------------*/
-
+/* --------------
+         Pointing
+    --------------- */
 .ui.pointing.dropdown > .menu {
   top: 100%;
   margin-top: 0.78571429rem;
@@ -1817,10 +1782,9 @@ select.ui.dropdown {
           box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
 }
 
-/*--------------------
+/* --------------------
         Sizes
----------------------*/
-
+--------------------- */
 .ui.dropdown,
 .ui.dropdown .menu > .item {
   font-size: 1rem;
@@ -1854,10 +1818,9 @@ select.ui.dropdown {
   font-size: 1.71428571rem;
 }
 
-/*--------------
-      Inverted
-  ---------------*/
-
+/* --------------
+        Inverted
+    --------------- */
 
 /* General rules and basic dropdowns */
 .ui.dropdown .inverted.menu,