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

Fix <table> declarations #79

Merged
merged 4 commits into from
Aug 11, 2024
Merged

Fix <table> declarations #79

merged 4 commits into from
Aug 11, 2024

Conversation

atjn
Copy link
Contributor

@atjn atjn commented Aug 9, 2024

The text-indent reset is fixed in all browsers, and I have tested that they work:

The border-color inheritance issue is not yet fixed, but I believe the current implementation in modern-normalize is incorrect. I have made a test document to show what I mean.
Source: https://codepen.io/atjn/full/yLdowBM

In these pictures, you see a comparison between Firefox (left), WebKit (middle), and Chromium (right).

In the first picture, we see how browsers handle inheritance by default:

Skærmbillede fra 2024-08-09 12-22-45

I would argue that Firefox's approach is best here, and it is also the only one to pass the web platform tests for table borders, so we should replicate what Firefox does.

In the second picture, we see what modern-normalize currently does:

Skærmbillede fra 2024-08-09 12-43-51

This does not replicate Firefox's approach and is in my opinion not very usable.

In the third picture, we see what my proposed solution would do:

Skærmbillede fra 2024-08-09 12-45-37

This solution perfectly replicates Firefox's approach across all browsers.

@sindresorhus sindresorhus merged commit a5c26a4 into sindresorhus:main Aug 11, 2024
2 checks passed
@atjn atjn deleted the table branch August 11, 2024 16:03
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

Successfully merging this pull request may close these issues.

2 participants