Element inside ion-accordion needs to be double clicked to fire an event

Ionic Framework
1

Element inside ion-accordion needs to be double clicked to fire an event.

Inside the home.page.html file:

  		<ion-accordion-group>
  			<ion-accordion id="decisionSelect2">
  				<ion-item slot="header">
  				Frist 
  				</ion-item>
  				<ion-item button class= "decisionButton" *ngFor="let decision of $any(this.phaserGame.scene.scenes[0]).handTable.decisions | keyvalue" slot="content" (click)='rightDecisionSwitch(decision.key)'>
  				{{decision.key}}
  					<div style="	margin-left: auto; margin-rigth:5px; z-index:11; height:10px; width:10px; background-color:{{$any(this.phaserGame.scene.scenes[0]).handTable.decisions[$any(decision.key)].get_colorCSS()}};">
  					</div>
  				</ion-item>
  			</ion-accordion>
  		</ion-accordion-group>

I have found posts that suggest adding

.input-cover { display:none;}

to the css. So I did just plainly add it to the home.page.scss but it didn’t help anything.