Реакция события onBlur на кнопку не работает в Safari

Question

У меня есть кнопка с событиями onClick и onBlur.

Кнопка содержит раскрывающийся список ul внутри тела.Событие

и onBlur необходимо для «закрытия раскрывающегося списка путем нажатия за пределами раскрывающегося списка»

Это кнопка:

<button
    key={title}
    className="filters-item filters-item-btn"
    onClick={(e) => toggleDropdown(e, title)}
    onBlur={(e) => toggleDropdown(e, title)}
  >
      {title}

 // here is dropdown component code (removed)
  </button>

Это toggleDropdown функция

 toggleDropdown = (e, title) => {
    e.preventDefault();
    if (title) {
      this.setState({
        titleDropdown: title,
        openedDropdown: !this.state.openedDropdown
      });
    }
  };

Как оптимизировать onBlur событие для работы на кнопке в Safari и Firefox ?