Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Checkbox doesn't seem to be working (v15.1.3) #342

Closed
tsuzukayama opened this issue Aug 1, 2017 · 4 comments
Closed

Checkbox doesn't seem to be working (v15.1.3) #342

tsuzukayama opened this issue Aug 1, 2017 · 4 comments

Comments

@tsuzukayama
Copy link

tsuzukayama commented Aug 1, 2017

On the newest release, the checkboxes are not clickable. Changed back to v15.0.4 and it works fine
angular2-materialize: v15.1.3
materialize-css: v0.100.1

Below is the code I am using.

      <div class="row" *ngFor="let cobranca of fixedCobrancas; let i = index" [formGroup]="eventoForm.controls.cobrancas.controls[i]">
        <div class="col s2 input-field">
          <input type="checkbox" id="{{cobranca.publico}}" (change)="toggleCobranca($event, cobranca)"/>
          <label for="{{cobranca.publico}}">Habilitar</label>
        </div>
        <div class="col s2 input-field">
          <p>{{cobranca.publico}}</p>
        </div>
        <div class="col s3 input-field">
          <input id="{{cobranca.preco}}" type="text" class="validate" [(ngModel)]="cobranca.preco" formControlName="preco">
          <label for="{{cobranca.preco}}">Valor</label>
        </div>
        <div class="col s5 input-field">
          <input id="{{cobranca.idCecam}}" type="number" class="validate" [(ngModel)]="cobranca.idCecam" formControlName="idCecam">
          <label for="{{cobranca.idCecam}}">Código CECAM</label>
        </div>
      </div>
    </div>
@broche
Copy link

broche commented Aug 4, 2017

I'm running into the same issue as you. I changed back to using v15.0.4 but it still doesn't work with [email protected]. What version of materialize-css are you using?

@tsuzukayama
Copy link
Author

So, I was browsing materialize's gitter and @alexisdiel came up with a fix for that (I'm running 0.100.1 also)
[type="checkbox"], [type="radio"] { + label { pointer-events: auto; } }

@alexisdiel
Copy link

Fixed on Dogfalo/materialize#5061

@alexisdiel
Copy link

However, the PR has not been merged yet

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants