Всем привет! Есть проблема, которая происходит *именно в Файрфоксе*, в остальных браузерах всё ок. И вопрос именно про заголоки, то есть верхний ряд, `<th>` который. Сам пациент: https://codepen.io/anon/pen/qPeLwZ?editors=0010. Нас интересует только Заголовочный компонент: `class EditTableTitle extends React.Component {`. В нём есть только два подозрительных кандидата. Это...

```  textInputFocus = (e, index) => {

    const {handleChangeEditCell, dataIndex } = this.props;
    const {editable} = this.state;

    if(this.textInput) this.textInput.focus();
    this.setState({editable: true})

  }  ```
… событие `onFocus`, которое вешается на само поле `<TextArea ` (в заголовках именно они, если кликнуть по ним). И…

```document.body.addEventListener("click", function(e){
          console.log("Я клик на document.body")

         if (thas.node && !thas.node.contains(e.target)) {
           thas.setState({editable: false})
         }else {
           if(thas.textInput) thas.textInput.focus();

         }

      });  ```
… и событие `click`, повешенное на `document.body.`.

Вопрос. Почему клик на `body` не срабатывает, когда мы кликаем на заголовки (а выходит, на `<TextArea `) *первый раз*, а срабатывает только когда мы кликаем *именно во второй раз*?. Посмотрите в других браузерах (кроме файрфокс), в них всё ок.