Chrome details element doesn't correctly propagate box-sizing
Created by: andrewbelcher
There is a bug in Chrome where inheritance of box-sizing does not happen correctly with the details
element. This results in all input
(and every other element that is width: 100%
) overflowing the details
.
This is demonstrated by this codepen.
The solution is to add:
details > * {
box-sizing: border-box;
}
Would post a PR, but can't get grunt working locally and don't have time to fix it now.