How add autoFocus: true on buttons

[christiantigre]

How I can add el autoFocus on buttons Label: "Yes" I try added autoFocus: true, but, don't work autoFocus

submit = () => {
    confirmAlert({
      title: 'Confirm to submit',
      message: 'Are you sure to do this.',
      buttons: [
        {
          autoFocus: true,
          label: 'Yes',
          onClick: () => alert('Click Yes')
        },
        {
          label: 'No',
          onClick: () => alert('Click No')
        }
      ]
    });
  };

Any solution?

[abdellani]

Hi I don't think that this is possible, as you can see, the code doesn't expect to get additional attributes for the buttons.

              <div className='react-confirm-alert-button-group'>
                {buttons.map((button, i) => (
                  <button key={i} onClick={() => this.handleClickButton(button)} className={button.className}>
                    {button.label}
                  </button>
                ))}
              </div>

[GA-MO]

This feature is in Version 3.0.0

[Drew-Shumski]

autofocus not working when modal is shown after some event