文本框旨在通过在Firefox中双击按钮进行访问

Question

我是Angular 4的新手。

我试图在双击按钮时启用文本框。事件正在触发，并且启用了文本框，但是由于按钮与文本框重叠，因此无法访问该文本框。它可以在Chrome中运行，但不能在Firefox中运行。

谁能告诉我该如何解决？

我尝试用div和p标签替换按钮，但是双击事件没有触发。事件文本框没有我需要实现的双击事件。

我认为可以通过CSS进行修复。

如果可能，请提供小矮人演示。这将非常有帮助。

下面是 test.component.html

的html

<button type="button" style="background-color: red;" (dblclick)="EnableTextBox2()">
<input [disabled]="!testTrue" type="text">
</button>

下面是事件代码 test.component.ts

 testTrue:boolean=false;

  EnableTextBox2(){
    this.testTrue=true;
    alert('test fired');
  }