Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

broken material date-picker #89

Open
julianschelker opened this issue May 17, 2024 · 0 comments
Open

broken material date-picker #89

julianschelker opened this issue May 17, 2024 · 0 comments

Comments

@julianschelker
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant