Mdb-ui-kit: Checkbox checked not working on Safari 14 and iOS 14

Created on 18 Sep 2020  路  5Comments  路  Source: mdbootstrap/mdb-ui-kit

Hi,
on Safari 14 and also on iOS 14 when I select a checkbox the animation doesn't working well and it seems not be checked.

Test Case
https://fezvrasta.github.io/bootstrap-material-design/docs/4.0/material-design/selections/#checkboxes

Summary
Checkbox does not work correctly.

Expected result
Checkbox has to be selected on click.

Thanks

Most helpful comment

Ok if I add :

.checkbox .checkbox-material .check:before, label.checkbox-inline .checkbox-material .check:before {
    width: 1px !important;
    height: 1px !important;
}

it works.

All 5 comments

@FezVrasta I'm having the same issue, any news about that?
thank for your support

@FezVrasta any update ?

Same problem here, any update ?

Same here.

Issue seems to be, that the .checkbox label .checkbox-decorator .check::before is not rendering with 0 width and height. I put it on 1px and seems to work.

Ok if I add :

.checkbox .checkbox-material .check:before, label.checkbox-inline .checkbox-material .check:before {
    width: 1px !important;
    height: 1px !important;
}

it works.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Jorgen-VikingGod picture Jorgen-VikingGod  路  4Comments

ViRuSTriNiTy picture ViRuSTriNiTy  路  6Comments

snessnes picture snessnes  路  7Comments

nekkon picture nekkon  路  4Comments

migaber picture migaber  路  10Comments