Nativ select/multiple is working!

src/components/create-element.js

@@ -1,4 +1,4 @@
-import { customStylesFormat } from './utils';
+import { customStylesFormat, nativOptionMultiple } from './utils';
 /**
  * @module createBreadcrumb
  */
@@ -16,6 +16,8 @@ export function createBreadcrumb(data, title, index, id) {
   const { placeholder, styles } = option;
 
   const selected = element.querySelector('.selected');
+  const nativOption = element.querySelectorAll('.nativSelect__nativOption');
+
   const liChip = document.createElement('li');
   const textNode = document.createTextNode(title);
   const svgIcon = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
@@ -41,14 +43,14 @@ export function createBreadcrumb(data, title, index, id) {
 
   svgIcon.addEventListener('click', (event) => {
     event.stopPropagation();
+    nativOptionMultiple(nativOption, title, false);
 
     const deleteIcon = indexes.indexOf(index);
+    let checkBox = '';
 
     indexes.splice(deleteIcon, 1);
     selectedItems.splice(deleteIcon, 1);
 
-    let checkBox = '';
-
     if (id) {
       checkBox = document.getElementById(`chbox-${id}`);
     } else {

src/components/utils.js

@@ -108,3 +108,39 @@ export function getFormatItem(dataItem, index) {
 
   return item;
 }
+
+/**
+ * Поведение нативного(одинарного) селекта при выборе кастомного
+ * @param {NodeList} element NodeList нативного селекта
+ * @param {object} item выбранный элемент в кастомном селекте
+ */
+export function nativOptionOrdinary(element, item) {
+  element.forEach((option) => {
+    option.removeAttribute('selected');
+    if (option.textContent === item) {
+      option.setAttribute('selected', 'selected');
+    }
+  });
+}
+
+/**
+ * Поведение нативного(Multiple) селекта при выборе в кастомном
+ * @param {NodeList} element NodeList нативного селекта
+ * @param {object} item выбранный элемент в кастомном селекте
+ * @param {boolean} condition специальный флаг при котором добавляются/убераются атрибуты у нативного селекта
+ */
+export function nativOptionMultiple(element, item, condition) {
+  element.forEach((option) => {
+    if (condition == true) {
+      if (option.textContent === item) {
+        option.setAttribute('selected', 'selected');
+      }
+    } else if (condition == false) {
+      if (option.textContent === item) {
+        option.removeAttribute('selected');
+      }
+    } else {
+      return;
+    }
+  });
+}