Buttons are not clickable within ion-content

@dimitri320 wrote:

I’ve got buttons which are not clickable when within the ion-content. When I bring them out, they work just fine. Here’s my HTML and SCSS.

<ion-content no-bounce>
  <div class="content_cover_exit">
    <button class="exit-button" (click)="logoutUser()">
      <ion-icon name="ios-exit-outline" class="icon-exit-class"></ion-icon>
      EXIT
    </button>
  </div>
</ion-content>

      .content_cover_exit {
        width: 100%;
        text-align: center;
        position: fixed;
        bottom: 70px;
        z-index: 9999;
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);
      }
      .exit-button {
        height: 2.0em;
        border-radius: 5px;
        opacity: 100%;
        background-color: white;
        font-size: 0.8em;
        font-weight: 400;
        letter-spacing: 1.2px;
        color: $dark-text;
        z-index: 999999;
      }
      .exit-button.activated {
        background-color: white;

      }
      .icon-exit-class {
        color: $dark-text;
      }

Posts: 1

Participants: 1

Read full topic