-
Notifications
You must be signed in to change notification settings - Fork 1.7k
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
Rows overlay each other in firefox #2180
Comments
Have same issue |
Have same issue |
Using [virtualization]="false" on the table can temporarily solve the stacking problem until the Firefox fix (but leads to performance issues). |
did you find any solution? |
I found and issue related with this in mozilla: Mozilla Bugzilla #1898455 However, after reading that post, someone pointed out that there are some forks of the library. I found this one where they update the library with multiple fixes: With that fork, everything works as expected. |
@tiborux which version of angular are you running? the siemens fork wasn't working for me with NG15.2.7 though I'll attempt again |
I'm submitting a ... (check one with "x")
Current behavior
![Bildschirmfoto 2024-06-17 um 11 34 02](https://private-user-images.githubusercontent.com/29913837/340255519-e534e083-8ebe-459f-a0a7-0b62bcd09194.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4OTU4MjQsIm5iZiI6MTcyNDg5NTUyNCwicGF0aCI6Ii8yOTkxMzgzNy8zNDAyNTU1MTktZTUzNGUwODMtOGViZS00NTlmLWEwYTctMGI2MmJjZDA5MTk0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI5VDAxMzg0NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU2ODg4ZmQzNjU4NjY3MDk4ODNiZTU1ZmQ1YTU5MDJlZWQ1NzAxM2NjNDdhZTk4NWQzOTQ4OTFiZGEwYjNjOGUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fcoeyzC0vAnnhVGKsy5eqo6gWLvqSncMu4jfsuqEC9w)
In firefox (version ≥126) the table rows overlay each other when
scrollbarV=true
and angular ≥14 is used.See:
Expected behavior
![Bildschirmfoto 2024-06-17 um 11 34 17](https://private-user-images.githubusercontent.com/29913837/340256067-677e8b51-02a2-4ebe-bc91-4c928e449d57.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4OTU4MjQsIm5iZiI6MTcyNDg5NTUyNCwicGF0aCI6Ii8yOTkxMzgzNy8zNDAyNTYwNjctNjc3ZThiNTEtMDJhMi00ZWJlLWJjOTEtNGM5MjhlNDQ5ZDU3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI5VDAxMzg0NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEzOWFlYTc3YTI5MmQ1NWRiNzAyZTBiYjE3NDk5ZjczNzI0N2RjYzA0YzRiMjkyNGRhNTYxOWNmYjY4M2M4YmMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AOZd879tX80LbFiyeDubqQS_zLGrwchQZfHhYAtfv2k)
The table rows should not overlay each other.
See:
Reproduction of the problem
Use code:
The arrays
rows
andcolumns
are not given here.rows
should contain at least 2 elements.See demo
What is the motivation / use case for changing the behavior?
In my eyes this is a regression bug.
The table works fine in Chrome, Edge, Safari.
The table works fine in firefox v<126 or with angular <14.
The virtualization feature (
scrollbarV="true"
) is important for large datasets.Please tell us about your environment:
20.1.0
14, 15, 16, 17, 18
Firefox v≥126
all
The text was updated successfully, but these errors were encountered: