Fix methodts in select

src/cg-select.js

@@ -853,18 +853,19 @@ export class DropDown {
     if(nativeSelectMode === true){
       const select = this.#element.querySelector('.cg-select');
       const list = this.#element.querySelector('.list');
-      const nativeSelect = this.#element.querySelector('.nativeSelect');
+      const nativeSelect = this.#element.querySelector('.nativeSelect')
 
-
-      // if(win < 576){
-       
+      if(win < 576){
+        select.classList.add('displayHide');
+        list.classList.add('displayHide');
+        nativeSelect.classList.add('nativeSelectActive');
         
-      // } else if( win > 576){
-      //   select.classList.remove('displayHide');
-      //   list.classList.remove('displayHide');
-      //   nativeSelect.classList.remove('nativeSelectActive');
-      //   nativeSelect.classList.add('displayHide');
-      // }
+      } else if( win > 576){
+        select.classList.remove('displayHide');
+        list.classList.remove('displayHide');
+        nativeSelect.classList.remove('nativeSelectActive');
+        nativeSelect.classList.add('displayHide');
+      }
     } else{
       return
     }

src/main.scss

@@ -292,7 +292,7 @@ input[type='checkbox'] {
 }
 
 .displayHide {
-  display: none !important;
+  display: none;
 }
 
 /*320px - 576px*/

src/style/nativeSelect.scss

@@ -20,16 +20,10 @@
 
 .nativeSelectActive {
   display: block;
-}
-
-@media (max-width: 12450px) {
-  .nativeSelect {
-    display: none;
-  }
-
-  // .cg-select {
-  //   display: flex !important;
-  // }
+  min-width: 235px;
+  height: 50px;
+  border: none;
+  border-radius: 10px;
 }
 
 @media (max-width: 576px) {