p-table/Aura: Dark Mode header for Frozen + Sorted Column is transparent #16940
Labels
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
Describe the bug
When using the Aura theme in Dark Mode (not Light Mode), a frozen column, when sorted, has a translucent background for it's header and as such allows the column headers to the right to completely clobber the text of the header.
Bad (some clipping):
![image](https://private-user-images.githubusercontent.com/2939703/392559490-80a1b58a-fe1e-4b83-ba61-304bb509838d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2OTExMjQsIm5iZiI6MTczOTY5MDgyNCwicGF0aCI6Ii8yOTM5NzAzLzM5MjU1OTQ5MC04MGExYjU4YS1mZTFlLTRiODMtYmE2MS0zMDRiYjUwOTgzOGQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTZUMDcyNzA0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9N2I2Yjg0NTg4ZmZjMDExYTJjYjlhYTA1N2JlMTk4ODQzNGNjYWVjMGFjNzk2NGY1N2MwMWI5YmM1NThlMmQ5OSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.uuKGdcY5vQk8NMnJ70Xkj4EAoU-vEUXselC0O_J3feg)
![image](https://private-user-images.githubusercontent.com/2939703/392561630-e7b16d3b-5141-4cfd-ab2a-992f48588727.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2OTExMjQsIm5iZiI6MTczOTY5MDgyNCwicGF0aCI6Ii8yOTM5NzAzLzM5MjU2MTYzMC1lN2IxNmQzYi01MTQxLTRjZmQtYWIyYS05OTJmNDg1ODg3MjcucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTZUMDcyNzA0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YmYyMDIzNTIzYjUzZWE3NWIzOGE4NzhlODAwNjBhZmRmZGI1ODM0N2I4MzllMmMxZWVmODg0NGI5NWU0ZDQ0OSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.W9bsHSBrNM2dPPEKK7SB1k7YALaC5tnpdStp2vYMyKk)
Worst case (completely unreadable):
Environment
N/A
Reproducer
https://stackblitz.com/edit/github-gnsykl (reused from #16939)
Angular version
18.2.12
PrimeNG version
18.0.0-rc2
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
20.17.0
Browser(s)
No response
Steps to reproduce the behavior
Expected behavior
Frozen columns should still be completely usable even when sorted in Dark Mode
The text was updated successfully, but these errors were encountered: