Component: Button: Opacity is applied twice on disabled state --> wrong opacity #15651
Labels
LTS-FIXED-15.4.21
LTS-FIXED-16.9.11
LTS-PORTABLE
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
Describe the bug
disabled button gets power of 2 opacity.
This is because of the change 919f892
Now the class p-disabled is applied to the host element and the button element inside
i.e.: if we wanted to achieve an opacity of 0.3 the result would be 0.3*0.3 = 0.09
This makes working with figma values super annoying
Hint:
removing the p-disabled on the button does not fix the problem, as
the css looks like
and the button also has the
p-componet:disable
on itp-disabled should be removed from p-button and just the pointer-events: none should be applied to there
Environment
Windows
Reproducer
No response
Angular version
17.2.0
PrimeNG version
17.17.0
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
18.20.2
Browser(s)
No response
Steps to reproduce the behavior
No response
Expected behavior
opacity should only be applied once!
The text was updated successfully, but these errors were encountered: