Почему модалка закрывается при любом клике?

Question

[Forname]

https://jsfiddle.net/7jze1skt/

Нужно чтобы она закрывалась только при клике на overlay. Я повесил на него клик, но модалка закрывается даже если кликаешь на нее, и ввести ничего невозможно. Помогите, исправить, пожалуйста.

И еще -- почему только при дабл клике открывается форма, а не при первом, когда она уже появлялась и закрылась?

Answer 1

[dmitry-toster]

Починил

Почему модалка закрывается при любом клике?

Потому что надо проверять event.target - элемент, по которому реально произошел клик

Почему только при дабл клике открывается форма

Логика была неправильная, функция открытия\закрытия модального окна должна быть одна и ее надо пробрасывать через пропсы