From 45887d87cf86754f68d0e297d6f44d9ec3389bef Mon Sep 17 00:00:00 2001
From: User12987 <44153099+User12987@users.noreply.github.com>
Date: Sat, 30 Oct 2021 15:20:26 +0700
Subject: [PATCH] bug fix on select span inside input
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Исправлен баг, который приводил к тому, что событие клика не срабатывало, если клик пришелся не непосредственно по input, а по содержащемуся внутри него span или другому объекту. Теперь, при клике проверяется, есть ли в родителях кликнутого элемента нужный input.
---
 select/select.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/select/select.js b/select/select.js
index 6883542..54bbb00 100644
--- a/select/select.js
+++ b/select/select.js
@@ -52,7 +52,8 @@ export class Select {
   clickHandler(event) {
     const {type} = event.target.dataset
 
-    if (type === 'input') {
+    if (type === 'input' || event.target.closest('.select__input')) {
+      // клик может прийтись не только по input, но и по содежащемуся внутри него span
       this.toggle()
     } else if (type === 'item') {
       const id = event.target.dataset.id
@@ -104,4 +105,4 @@ export class Select {
     this.$el.removeEventListener('click', this.clickHandler)
     this.$el.innerHTML = ''
   }
-}
\ No newline at end of file
+}