Problem: on medium breakpoint, datetime inputs within groups expand past the edge of the column (on Chrome):
The fix is to add a min-width: 0; to this rule:
input:not([type=checkbox],[type=radio],[type=range],[type=file]):is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]) {
--pico-icon-position: 0.75rem;
--pico-icon-width: 1rem;
padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position));
background-image: var(--pico-icon-date);
background-position: center right var(--pico-icon-position);
background-size: var(--pico-icon-width) auto;
background-repeat: no-repeat;
}
Which seems to fix things:
Although yes the "yyyy" might get covered by the date icon, but at least you can still click the icon.
Problem: on medium breakpoint, datetime inputs within groups expand past the edge of the column (on Chrome):
The fix is to add a
min-width: 0;to this rule:Which seems to fix things:
Although yes the "yyyy" might get covered by the date icon, but at least you can still click the icon.