the-new-css-reset icon indicating copy to clipboard operation
the-new-css-reset copied to clipboard

broken material date-picker

Open julianschelker opened this issue 9 months ago • 0 comments

Noticed an issue with material date-picker in connection with css-reset on Firefox. The first line of dates shown is too heigh. (Image 1) Normally it looks like this (Image 2)

It seems like the rule height: 0 on the td element in the first row of dates is still applied but the td element has height 20px anyhow. (Image 3) Compare with normal case (Image 4)

As soon as I disable the top rule in css-reset, the date-picker looks fine again:

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

I'm however not sure which property exactly causes the issue. Adding td and tr to the exclusion didn't seem to work.

Does anyone have a clue which property could cause this? It looks for me like the td element with display: table-cell suddenly ignores the specified height.

Thanks for your help.

Image 1

grafik

Image 2

grafik

Image 3

grafik

Image 4

grafik

julianschelker avatar May 17 '24 13:05 julianschelker