apuc/cg-select
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update cg-dropdown.js

Browse Source
This commit is contained in:
MaxOvs19 2022-11-17 21:19:46 +03:00 committed by GitHub
parent 6cb388d959
commit 0fff32cbed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/cg-dropdown.js
View File

@ -389,6 +389,8 @@ export class DropDown {
*/ */
#render(select) { #render(select) {
const { styles, multiselect, searchMode, multiselectTag, darkTheme, lenguage } = this.#options; const { styles, multiselect, searchMode, multiselectTag, darkTheme, lenguage } = this.#options;
const { list, search } = styles;
const random = Math.random().toString(36).substring(2, 10); const random = Math.random().toString(36).substring(2, 10);
if (select || (select && styles)) { if (select || (select && styles)) {
@ -410,14 +412,13 @@ export class DropDown {
} else { } else {
intputSearch = createInputSearch(random, en.placeholder); intputSearch = createInputSearch(random, en.placeholder);
} }
customStylesFormat(search, intputSearch);
ulList.appendChild(intputSearch); ulList.appendChild(intputSearch);
} }
ulList.classList.add('list'); ulList.classList.add('list');
if (styles) { if (styles) {
const { list } = styles;
customStylesFormat(list, ulList); customStylesFormat(list, ulList);
} }
@ -757,15 +758,15 @@ export class DropDown {
}); });
input.oninput = function () { input.oninput = function () {
let val = this.value.trim(); let valueSearch = this.value.trim().toLowerCase();
let anyMatch = false; let anyMatch = false;
if (val != '') { if (valueSearch != '') {
searchSelect.forEach((elem) => { searchSelect.forEach((elem) => {
let isMatching = new RegExp(val, 'gi').test(elem.textContent); let isMatching = new RegExp(valueSearch, 'gi').test(elem.textContent);
anyMatch = anyMatch || isMatching; anyMatch = anyMatch || isMatching;
if (elem.innerText.search(val) == -1) { if (elem.textContent.toLowerCase().search(valueSearch) == -1) {
elem.classList.add('displayHide'); elem.classList.add('displayHide');
} else { } else {
elem.classList.remove('displayHide'); elem.classList.remove('displayHide');