Как не выполнять событие, если фокусировка на input?

Question

[Алексей Орлов]

Есть блок с кастомизированным селект, примерно такой структуры:

<div class="selected">Выбранный</div>
<div class="select-items">
<div>1 пункт</div>
<div>2 пункт</div>
<div>Свой вариант</div>
</div>

При клике на selected разворачивается "select-items".

Так вот при выборе пункта "Свой вариант" в selected появляется input , в которой можно ввести соответственно свой вариант, но проблема в том, что при фокусе на инпут (чтобы ввести значение) открывается список.

Отсюда вопрос, как сделать, чтобы при фокусе инпута , лежащего в selected, выпадающий список не открывался?

Песочница

Answer 1

[drawnofmymind]

setAttribute('disabled', true)

Comments

[Алексей Орлов]

if (this.children.length > 0) {
      $(this.children).focus(function(){
        this.parentElement.setAttribute('disabled', true);
      }) 
    }

Так? не помогло

[drawnofmymind]

можно код в песочницу?

[Алексей Орлов]

drawnofmymind, Сейчас попробую воспроизвести.

[Алексей Орлов]

drawnofmymind, https://codepen.io/smeecy/pen/oNbqvry , на 51 строчке этот кусок кода.

[drawnofmymind]

Алексей Орлов, короче там дело не в селект сделал вот так

if (this.children.length > 0) {
      $(this.children).focus(function(){
        $(this).parent().next().css("display", "none")
      }) 
    }