Skip to content

Commit

Permalink
fix(checkbox): Added box-sizing to component
Browse files Browse the repository at this point in the history
consider adding the default value of box-sizing to the element
most websites today are using a variation of the global `box-sizing: border-box` https://css-tricks.com/box-sizing/
checkbox fails to work if the page box-sizing is set to `border-box`, adding `content-box` ensure that the element will be rendered as intended regardless of the page global box-sizing value
  • Loading branch information
senadir authored and Sérgio Gomes committed Feb 13, 2017
1 parent 8d77853 commit a7f6221
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions packages/mdc-checkbox/mdc-checkbox.scss
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,7 @@
.mdc-checkbox {
display: inline-block;
position: relative;
box-sizing: content-box;
width: $mdc-checkbox-size;
height: $mdc-checkbox-size;
padding: ($mdc-checkbox-touch-area - $mdc-checkbox-size) / 2;
Expand Down

0 comments on commit a7f6221

Please sign in to comment.