Repository navigation
bug: Disabled fab-buttons no longer have an opacity set #18682
Description
Bug Report
Ionic version:
[x] 4.6.0
Current behavior:
If the disabled attribute is set on a ion-fab-button, the opacity of the fab-button is no longer set to 0.5.
Expected behavior:
As in v.4.5.0 the button should be displayed with an opacity of 0.5
Other information:
Seems like the problem is related to a wrong style definition in fab-button.[ios|md].css:
:host(.fab-button-disabled) { --opacity: .5; pointer-events: none; }
I guess this should be something like:
:host(.fab-button-disabled) { opacity: .5; pointer-events: none; }
or
:host(.fab-button-disabled) { opacity: var(--opacity); pointer-events: none; }
Activity
liamdebeasi commentedon Jul 1, 2019
Thanks for the issue! I was able to reproduce this: https://codepen.io/liamdebeasi/pen/zVWBjY
We will look into this! cc @brandyscarney
fix(fab-button): set opacity on disabled fab button (#18685)
brandyscarney commentedon Jul 1, 2019
Fixed by #18685 will be in our
4.6.1hotfix release, please follow for updates on this issue: #18655ionitron-bot commentedon Jul 31, 2019
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.