@syncfusion/ej2-lists 20.4.40 → 20.4.42

package/dist/es6/ej2-lists.es2015.js

@@ -1496,7 +1496,6 @@ let ListView = class ListView extends Component {
     }
     checkInternally(args, checkboxElement) {
         args.item.classList.add(classNames.selected);
-        args.item.setAttribute('aria-selected', 'true');
         checkboxElement.querySelector('.' + classNames.checkboxIcon).classList.add(classNames.checked);
         checkboxElement.setAttribute('aria-checked', 'true');
     }
@@ -1522,7 +1521,6 @@ let ListView = class ListView extends Component {
                 else {
                     liElement.classList.remove(classNames.selected);
                 }
-                liElement.setAttribute('aria-selected', checked ? 'true' : 'false');
                 if (checked === true) {
                     checkboxIcon.classList.add(classNames.checked);
                 }
@@ -1704,9 +1702,6 @@ let ListView = class ListView extends Component {
     homeKeyHandler(e, end) {
         e.preventDefault();
         if (Object.keys(this.dataSource).length && this.curUL) {
-            if (this.selectedItems) {
-                (this.selectedItems.item).setAttribute('aria-selected', 'false');
-            }
             const li = this.curUL.querySelectorAll('.' + classNames.listItem);
             const focusedElement = this.curUL.querySelector('.' + classNames.focused) ||
                 this.curUL.querySelector('.' + classNames.selected);
@@ -1923,11 +1918,10 @@ let ListView = class ListView extends Component {
     focusout() {
         if (Object.keys(this.dataSource).length && this.curUL) {
             const focusedElement = this.curUL.querySelector('.' + classNames.focused);
-            const activeElement = this.curUL.querySelector('[aria-selected = true]');
             if (focusedElement) {
                 focusedElement.classList.remove(classNames.focused);
-                if (activeElement && !this.showCheckBox) {
-                    activeElement.classList.add(classNames.selected);
+                if (!this.showCheckBox) {
+                    this.selectedLI.classList.add(classNames.selected);
                 }
             }
         }
@@ -1968,14 +1962,12 @@ let ListView = class ListView extends Component {
                     continue;
                 }
                 else {
-                    ele.setAttribute('aria-selected', 'false');
                     ele.classList.remove(classNames.selected);
                 }
             }
         }
         else {
             li.classList.remove(classNames.selected);
-            li.setAttribute('aria-selected', 'false');
         }
     }
     isValidLI(li) {
@@ -2001,12 +1993,10 @@ let ListView = class ListView extends Component {
             if (!checkIcon.classList.contains(classNames.checked)) {
                 checkIcon.classList.add(classNames.checked);
                 li.classList.add(classNames.selected);
-                li.setAttribute('aria-selected', 'true');
             }
             else {
                 checkIcon.classList.remove(classNames.checked);
                 li.classList.remove(classNames.selected);
-                li.setAttribute('aria-selected', 'false');
             }
             checkboxElement.setAttribute('aria-checked', checkIcon.classList.contains(classNames.checked) ?
                 'true' : 'false');
@@ -2072,7 +2062,6 @@ let ListView = class ListView extends Component {
                 this.removeSelect();
             }
             li.classList.add(classNames.selected);
-            li.setAttribute('aria-selected', 'true');
             this.removeHover();
             this.setSelectedItemData(li);
             if (this.enableVirtualization) {
@@ -2289,7 +2278,6 @@ let ListView = class ListView extends Component {
             const element = liElements[i];
             if (element.classList.contains('e-list-item')) {
                 element.setAttribute('id', this.element.id + '_' + element.getAttribute('data-uid'));
-                element.setAttribute('aria-selected', 'false');
                 element.setAttribute('tabindex', '-1');
             }
         }
@@ -2454,12 +2442,8 @@ let ListView = class ListView extends Component {
         const li = this.element.querySelector('[data-uid=\'' + pID + '\']');
         li.classList.remove(classNames.disable);
         li.classList.add(classNames.focused);
-        if (this.showCheckBox && li.querySelector('.' + classNames.checkboxIcon).classList.contains(classNames.checked)) {
-            li.setAttribute('aria-selected', 'true');
-        }
-        else {
+        if (!(this.showCheckBox && li.querySelector('.' + classNames.checkboxIcon).classList.contains(classNames.checked))) {
             li.classList.remove(classNames.selected);
-            li.setAttribute('aria-selected', 'false');
         }
         this.liCollection = this.curUL.querySelectorAll('.' + classNames.listItem);
         if (this.enableHtmlSanitizer) {