-
Notifications
You must be signed in to change notification settings - Fork 2.2k
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
Column auto size not working on Firefox #3409
Comments
|
@amanmahajan7 even if it is a browser bug, any ideas how to work around this? We're currently witnessing the same behavior. I've tried setting Update: {
[role='gridcell'] {
min-width: min-content;
}
[role='columnheader'] {
min-width: min-content;
}
} YMMV - I haven't tested this throughly, and it likely has the effect of disallowing a column from ever overflowing, which maybe won't work for all use cases. But for our specific use case of requiring that cell content never overflows it seems to work. |
You can try using |
Describe the bug
Auto size on Firefox does not work unless 'size' is defined
On Chrome column size is defined by cell content
On Firefox column size is defined by Grid
Chrome
![image](https://private-user-images.githubusercontent.com/145089013/292435498-7d8de4ad-2cff-4905-be6d-94516f9af6eb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMDA2NTAsIm5iZiI6MTcxOTIwMDM1MCwicGF0aCI6Ii8xNDUwODkwMTMvMjkyNDM1NDk4LTdkOGRlNGFkLTJjZmYtNDkwNS1iZTZkLTk0NTE2ZjlhZjZlYi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQwMzM5MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yMTQ0NWI0N2I4NDA2MzcxZTFjMzAxN2NiNmQ0ZDU2ZDEzODdlZTY2OTU3ODRmMzcyZGJhYWU0ZDdiMTFkNzZhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.XOs4HtFxrCrMZwXXIwoIY9KrshuhgK-op5p6r_kYi9s)
Firefox
![image](https://private-user-images.githubusercontent.com/145089013/292435798-4ff4c363-e714-4ed5-b587-6bf091832ac2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMDA2NTAsIm5iZiI6MTcxOTIwMDM1MCwicGF0aCI6Ii8xNDUwODkwMTMvMjkyNDM1Nzk4LTRmZjRjMzYzLWU3MTQtNGVkNS1iNTg3LTZiZjA5MTgzMmFjMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNFQwMzM5MTBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wYWFiOTk0ZGY1YjNjYTBiZDJhOGM2NTY5OGYwYmU1NWFjMzlkNDk5MjQ3ZGFjYmVjZWRjNTNmNDVkYTU0NWI5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.yZ7dOVHuesS-o_YVtO3GJwjmTBL4SQ_Ko76slQRc4Ow)
The text was updated successfully, but these errors were encountered: