[Table] Table width render different under Chrome 90 and Chrome 91
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
Reproduction link
Steps to reproduce
- Set wrapper div attribute
max-width
andoverflow
:hidden
- Set columns width
- Visit under Chrome 90
- Visit under Chorme 91
What is expected?
Same result
What is actually happening?
Chrome 90
Chrome 91
Environment | Info |
---|---|
antd | 4.16.0 |
React | latest |
System | Mac OS |
Browser | Chrome 90/91 |
Issue Analytics
- State:
- Created 2 years ago
- Reactions:5
- Comments:11 (4 by maintainers)
Top Results From Across the Web
Chrome 91 update broke all table views - Stack Overflow
The break has something to do with setting the width on table columns. As a temporary workaround I had to change width setting...
Read more >TablesNG — Improvements to <table> rendering ... - Bram.us
With Subpixel Geometry three cells in a 100px table will now be given a width of 33.333333px each. Before the first two cells...
Read more >Chrome 91 rolling out: freeze Tab Groups, Android tablets ...
Version 91 will update how Chrome renders tables on web pages. This will bring Chrome in line with other browsers and fix known...
Read more >What's New In DevTools (Chrome 91)
Image previews in the Elements panel now displays more information on the image - rendered size, rendered aspect ratio, intrinsic size, ...
Read more >Latest Google chrome (91.0.4472.77) breaks fixed columns ...
Since we have two separate tables we use Javascript to align the columns. It looks like Chrome 91 isn't obeying our width assignment...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I am the Chrome developer that implemented the new tables. This is the problem I saw reported:
generates following CSS:
The problem is
min-width
CSS property. Before Chrome 91, min-width was ignored onCOL
elements. 91 no longer ignores it.Is there a reason why framework is generating both width and min-width CSS properties? Can you fix it so it only generates width?
Until this is fixed, this global CSS will force Chrome 91 to ignore min-width on table columns:
I think the fix suggested above is incorrect. It makes
COLGROUP
behave as if it was aCOL
这个Bug是我反馈给Chrome的😂