surerever

Показ/скрытие содержимого details при клике - это поведение по умолчанию, видимо, оно конфликтует с вашими попытками управлять состоянием details. Отменяйте действие по умолчанию при клике:

toggleDetails = (e) => {
  e.preventDefault();
  this.setState({ details: !this.state.details });
}

state = {
  disabled: false,
}

toggle(disabled) {
  this.setState(() => ({ disabled }));
}

onClick = () => {
  this.toggle(true);
  setTimeout(() => this.toggle(false), 2000);
}

<button disabled={this.state.disabled} onClick={this.onClick}>click me</button>

height: calc(100% - 10px);

1. height: calc(100% - 10px);
   

2. height: 100%;
   margin-top: -10px;
   padding-top: 10px;

   
   

Второй способ более кроссбраузерный