uikit 3.7.3-dev.82185d0bc → 3.7.4-dev.b784cd811

package/src/js/core/overflow-auto.js

@@ -7,12 +7,14 @@ export default {
 
     props: {
         selContainer: String,
-        selContent: String
+        selContent: String,
+        minHeight: Number
     },
 
     data: {
         selContainer: '.uk-modal',
-        selContent: '.uk-modal-dialog'
+        selContent: '.uk-modal-dialog',
+        minHeight: 150
     },
 
     computed: {
@@ -28,7 +30,7 @@ export default {
     },
 
     connected() {
-        css(this.$el, 'minHeight', 150);
+        css(this.$el, 'minHeight', this.minHeight);
     },
 
     update: {
@@ -41,7 +43,7 @@ export default {
 
             return {
                 current: toFloat(css(this.$el, 'maxHeight')),
-                max: Math.max(150, height(this.container) - (dimensions(this.content).height - height(this.$el)))
+                max: Math.max(this.minHeight, height(this.container) - (dimensions(this.content).height - height(this.$el)))
             };
         },
 

package/src/js/core/toggle.js

@@ -71,7 +71,7 @@ export default {
             },
 
             handler(e) {
-                if (!isTouch(e) && this._isTouch) {
+                if (!isTouch(e) && !this._isTouch) {
 
                     const isPointerEvent = includes(['pointerleave', 'pointerenter'], e.type);
                     if (!isPointerEvent && matches(this.$el, ':hover')
@@ -86,6 +86,18 @@ export default {
 
         },
 
+        {
+            name: 'keydown',
+
+            handler(e) {
+                // Space
+                if (e.keyCode === 32) {
+                    e.preventDefault();
+                    this.$el.click();
+                }
+            }
+        },
+
         {
 
             name: 'click',
@@ -99,7 +111,7 @@ export default {
                 let link;
                 if (closest(e.target, 'a[href="#"], a[href=""]')
                     || (link = closest(e.target, 'a[href]')) && (
-                        !attr(this.$el, 'aria-expanded')
+                        attr(this.$el, 'aria-expanded') !== 'true'
                         || link.hash && matches(this.target, link.hash)
                     )
                 ) {
@@ -192,3 +204,4 @@ export default {
     }
 
 };
+

package/src/js/util/filter.js

@@ -1,4 +1,3 @@
-import {hasAttr} from './attr';
 import {inBrowser} from './env';
 import {isDocument, isElement, isString, noop, startsWith, toNode, toNodes} from './lang';
 
@@ -33,8 +32,9 @@ export function isInput(element) {
     return toNodes(element).some(element => matches(element, selInput));
 }
 
+export const selFocusable = `${selInput},a[href],[tabindex]`;
 export function isFocusable(element) {
-    return isInput(element) || matches(element, 'a[href],button') || hasAttr(element, 'tabindex');
+    return matches(element, selFocusable);
 }
 
 export function parent(element) {

package/src/less/components/form.less

@@ -73,7 +73,7 @@
 
 @form-select-padding-right:                     20px;
 @form-select-icon-color:                        @global-color;
-@form-select-option-color:                      #444;
+@form-select-option-color:                      @global-color;
 @form-select-disabled-icon-color:               @global-muted-color;
 
 @form-datalist-padding-right:                   20px;

package/src/less/components/navbar.less

@@ -251,7 +251,7 @@
 
 .uk-navbar-nav > li:hover > a,
 .uk-navbar-nav > li > a:focus,
-.uk-navbar-nav > li > a.uk-open {
+.uk-navbar-nav > li > a[aria-expanded="true"] {
     color: @navbar-nav-item-hover-color;
     outline: none;
     .hook-navbar-nav-item-hover;

package/src/scss/components/form.scss

@@ -73,7 +73,7 @@ $form-width-large:                               500px !default;
 
 $form-select-padding-right:                      20px !default;
 $form-select-icon-color:                         $global-color !default;
-$form-select-option-color:                       #444 !default;
+$form-select-option-color:                       $global-color !default;
 $form-select-disabled-icon-color:                $global-muted-color !default;
 
 $form-datalist-padding-right:                    20px !default;

package/src/scss/components/navbar.scss

@@ -251,7 +251,7 @@ $navbar-dropbar-z-index:                         $global-z-index - 20 !default;
 
 .uk-navbar-nav > li:hover > a,
 .uk-navbar-nav > li > a:focus,
-.uk-navbar-nav > li > a.uk-open {
+.uk-navbar-nav > li > a[aria-expanded="true"] {
     color: $navbar-nav-item-hover-color;
     outline: none;
     @if(mixin-exists(hook-navbar-nav-item-hover)) {@include hook-navbar-nav-item-hover();}

package/src/scss/variables-theme.scss

@@ -413,7 +413,7 @@ $form-width-medium: 200px !default;
 $form-width-large: 500px !default;
 $form-select-padding-right: 20px !default;
 $form-select-icon-color: $global-color !default;
-$form-select-option-color: #444 !default;
+$form-select-option-color: $global-color !default;
 $form-select-disabled-icon-color: $global-muted-color !default;
 $form-datalist-padding-right: 20px !default;
 $form-datalist-icon-color: $global-color !default;

package/src/scss/variables.scss

@@ -411,7 +411,7 @@ $form-width-medium: 200px !default;
 $form-width-large: 500px !default;
 $form-select-padding-right: 20px !default;
 $form-select-icon-color: $global-color !default;
-$form-select-option-color: #444 !default;
+$form-select-option-color: $global-color !default;
 $form-select-disabled-icon-color: $global-muted-color !default;
 $form-datalist-padding-right: 20px !default;
 $form-datalist-icon-color: $global-color !default;