소스 검색

Change how the results are highlighted

Previously, a result was no longer highlighted when the mouse was
no longer over it. While this was useful for resetting the
highlight automatically, we started doing this when a new result
was highlighted to make sure that we never had multiple options
highlighted.

Now, a result will always be highlighted until the highlight is
removed when the next result is highlighted. While this shouldn't
affect many users, it is closer to how native select boxes work.
This also allows users using keyboard navigation to jump between
mouse and keyboard navigation without the highlight reseting to
the top of the results.
Kevin Brown 10 년 전
부모
커밋
cee8c18c23
7개의 변경된 파일0개의 추가작업 그리고 35개의 파일을 삭제
  1. 0 7
      dist/js/select2.amd.full.js
  2. 0 7
      dist/js/select2.amd.js
  3. 0 7
      dist/js/select2.full.js
  4. 0 0
      dist/js/select2.full.min.js
  5. 0 7
      dist/js/select2.js
  6. 0 0
      dist/js/select2.min.js
  7. 0 7
      src/js/select2/results.js

+ 0 - 7
dist/js/select2.amd.full.js

@@ -511,13 +511,6 @@ define('select2/results',[
         element: $(this)
       });
     });
-
-    this.$results.on('mouseleave', '.option', function (evt) {
-      if ($(this).hasClass('highlighted')) {
-        $(this).removeClass('highlighted');
-        self.$results.removeAttr('aria-activedescendant');
-      }
-    });
   };
 
   Results.prototype.destroy = function () {

+ 0 - 7
dist/js/select2.amd.js

@@ -511,13 +511,6 @@ define('select2/results',[
         element: $(this)
       });
     });
-
-    this.$results.on('mouseleave', '.option', function (evt) {
-      if ($(this).hasClass('highlighted')) {
-        $(this).removeClass('highlighted');
-        self.$results.removeAttr('aria-activedescendant');
-      }
-    });
   };
 
   Results.prototype.destroy = function () {

+ 0 - 7
dist/js/select2.full.js

@@ -10046,13 +10046,6 @@ define('select2/results',[
         element: $(this)
       });
     });
-
-    this.$results.on('mouseleave', '.option', function (evt) {
-      if ($(this).hasClass('highlighted')) {
-        $(this).removeClass('highlighted');
-        self.$results.removeAttr('aria-activedescendant');
-      }
-    });
   };
 
   Results.prototype.destroy = function () {

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
dist/js/select2.full.min.js


+ 0 - 7
dist/js/select2.js

@@ -939,13 +939,6 @@ define('select2/results',[
         element: $(this)
       });
     });
-
-    this.$results.on('mouseleave', '.option', function (evt) {
-      if ($(this).hasClass('highlighted')) {
-        $(this).removeClass('highlighted');
-        self.$results.removeAttr('aria-activedescendant');
-      }
-    });
   };
 
   Results.prototype.destroy = function () {

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
dist/js/select2.min.js


+ 0 - 7
src/js/select2/results.js

@@ -357,13 +357,6 @@ define([
         element: $(this)
       });
     });
-
-    this.$results.on('mouseleave', '.option', function (evt) {
-      if ($(this).hasClass('highlighted')) {
-        $(this).removeClass('highlighted');
-        self.$results.removeAttr('aria-activedescendant');
-      }
-    });
   };
 
   Results.prototype.destroy = function () {

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.