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.
There is a bug in Chrome where inheritance of box-sizing does not happen correctly with the
detailselement. This results in allinput(and every other element that iswidth: 100%) overflowing thedetails.This is demonstrated by this codepen.
The solution is to add:
Would post a PR, but can't get grunt working locally and don't have time to fix it now.