error信息显示状态下按钮按下时error不消失问题

<template>
  <lightning-card title="input demo">
      <lightning-input type="text" value={inputValue} onchange={handleChangeEvent} required label="test input">
      </lightning-input><br/>
      <lightning-button label="set value" onclick={handleSetValueClick}></lightning-button>
  </lightning-card>
</template>

import { LightningElement, track } from 'lwc';

export default class ExampleLwcInputRequired extends LightningElement {
  @track inputValue = '';

    handleChangeEvent(event) {
        this.inputValue = event.detail.value;
        if(this.template.querySelector('lightning-input').checkValidity()) {
            this.template.querySelector('lightning-input').setCustomValidity('');
            this.template.querySelector('lightning-input').reportValidity();
        }
    }
    handleSetValueClick(event) {
      this.inputValue = 'test';
      if(this.template.querySelector('lightning-input').checkValidity()) {
          this.template.querySelector('lightning-input').setCustomValidity('');
          this.template.querySelector('lightning-input').reportValidity();
      }
    }
}

import { LightningElement, track } from 'lwc';

export default class ExampleLwcInputRequired extends LightningElement {
  @track inputValue = '';

    handleChangeEvent(event) {
        this.inputValue = event.detail.value;
        if(this.template.querySelector('lightning-input').checkValidity()) {
            this.template.querySelector('lightning-input').setCustomValidity('');
            this.template.querySelector('lightning-input').reportValidity();
        }
    }
    handleSetValueClick(event) {
      this.inputValue = 'test';
      window.clearTimeout(this.delayTimeout);
      this.delayTimeout = setTimeout(() => {
          if(this.template.querySelector('lightning-input').checkValidity()) {
              this.template.querySelector('lightning-input').setCustomValidity('');
              this.template.querySelector('lightning-input').reportValidity();
          }
      }, 1000);
  }
}