fomantic-ui 2.10.0-beta.0 → 2.10.0-beta.10

package/dist/components/dropdown.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.0+f24b47e - Dropdown
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Dropdown
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21,7 +21,6 @@
   text-align: left;
   transition: box-shadow 0.1s ease, width 0.1s ease;
   -webkit-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -398,23 +397,11 @@ select.ui.dropdown {
   transition: opacity 0.1s ease;
 }
 
-/* Compact */
-.ui.compact.selection.dropdown {
-  min-width: 0;
-}
-.ui.compact.selection.dropdown > .menu {
-  width: auto;
-}
-.ui.compact.selection.dropdown > .menu:not(.multiline) {
-  width: max-content;
-}
-
 /* Selection Menu */
 .ui.selection.dropdown:not(.unlimited) .menu {
   overflow-x: hidden;
   overflow-y: auto;
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
 }
@@ -568,12 +555,14 @@ select.ui.dropdown {
     border-color: #96c8da;
     box-shadow: none;
   }
-  .ui.ui.selection.dropdown:not(.inverted):has(> input:focus) > i.icon {
+  .ui.ui.selection.dropdown:focus > i.icon:not(.remove),
+  .ui.ui.selection.dropdown:has(> input:focus) > i.icon:not(.remove) {
     opacity: 1;
   }
-}
-.ui.ui.selection.dropdown:focus > i.icon {
-  opacity: 1;
+  .ui.ui.selection.dropdown:focus > i.icon.remove:not(:hover),
+  .ui.ui.selection.dropdown:has(> input:focus) > i.icon.remove:not(:hover) {
+    opacity: 0.68;
+  }
 }
 
 /* Visible */
@@ -648,6 +637,20 @@ select.ui.dropdown {
   }
 }
 
+/* Compact */
+.ui.compact.dropdown {
+  min-width: 0;
+}
+.ui.compact.dropdown > .menu {
+  width: auto;
+}
+.ui.compact.dropdown > .menu:not(.multiline) {
+  width: max-content;
+}
+.ui.compact.dropdown .menu > .item {
+  white-space: normal;
+}
+
 /* --------------
        Searchable
     --------------- */
@@ -723,8 +726,7 @@ select.ui.dropdown {
 .ui.search.dropdown:not(.unlimited) .menu {
   overflow-x: hidden;
   overflow-y: auto;
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
 }
@@ -1339,8 +1341,7 @@ select.ui.dropdown {
 .ui.dropdown .scrolling.menu {
   overflow-x: hidden;
   overflow-y: auto;
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   min-width: 100% !important;
@@ -1366,14 +1367,6 @@ select.ui.dropdown {
 .ui.dropdown > .visible.menu .scrolling.menu {
   display: block;
 }
-
-/* Scrollbar in IE */
-@media all and (-ms-high-contrast: none) {
-  .ui.scrolling.dropdown .menu,
-  .ui.dropdown .scrolling.menu {
-    min-width: calc(100% - 17px);
-  }
-}
 @media only screen and (max-width: 767.98px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
@@ -1472,9 +1465,6 @@ select.ui.dropdown {
 }
 .ui.simple.dropdown .menu {
   position: absolute;
-  
-/* IE hack to make dropdown icons appear inline */
-  display: -ms-inline-flexbox !important;
   display: block;
   overflow: hidden;
   top: -9999px;
@@ -1520,8 +1510,7 @@ select.ui.dropdown {
 .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;
+  overscroll-behavior: none;
 }
 .ui.simple.dropdown > .menu > .item:active > .left.menu,
 .ui.simple.dropdown .menu .item:hover > .left.menu,
@@ -1547,8 +1536,7 @@ select.ui.dropdown {
 .ui.simple.scrolling.dropdown:hover > .menu {
   overflow-x: hidden;
   overflow-y: auto;
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
 }
 
 /* --------------
@@ -1743,15 +1731,15 @@ select.ui.dropdown {
 }
 
 /* Upward pointing */
-.ui.pointing.upward.dropdown .menu,
-.ui.top.pointing.upward.dropdown .menu {
+.ui.pointing.upward.dropdown > .menu,
+.ui.top.pointing.upward.dropdown > .menu {
   top: auto !important;
   bottom: 100% !important;
   margin: 0 0 0.78571429rem;
   border-radius: 0.28571429rem;
 }
-.ui.pointing.upward.dropdown .menu::after,
-.ui.top.pointing.upward.dropdown .menu::after {
+.ui.pointing.upward.dropdown > .menu::after,
+.ui.top.pointing.upward.dropdown > .menu::after {
   top: 100% !important;
   bottom: auto !important;
   box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
@@ -1983,15 +1971,6 @@ select.ui.dropdown {
 .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
   background: rgba(255, 255, 255, 0.35);
 }
-.ui.dropdown .inverted.menu,
-.ui.inverted.dropdown .menu {
-  
-/* IE11 */
-  scrollbar-face-color: #656565;
-  scrollbar-shadow-color: #656565;
-  scrollbar-track-color: #323232;
-  scrollbar-arrow-color: #323232;
-}
 @supports (-moz-appearance: none) {
   .ui.dropdown .inverted.menu,
   .ui.inverted.dropdown .menu {