Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

fab-speed-dial: still triggers action when disabled #9467

Closed
phongca22 opened this issue Aug 31, 2016 · 3 comments · Fixed by #12065
Closed

fab-speed-dial: still triggers action when disabled #9467

phongca22 opened this issue Aug 31, 2016 · 3 comments · Fixed by #12065
Assignees
Labels
has: Pull Request A PR has been created to address this issue P3: important Important issues that really should be fixed when possible. resolution: fixed type: bug
Milestone

Comments

@phongca22
Copy link

phongca22 commented Aug 31, 2016

Actual Behavior:

  • What is the issue? * Add ng-disabled="true" into md-button in md-fab-trigger. This button is disabled but able to click.
  • What is the expected behavior? Prevent click.

Angular Versions:

  • Angular Version: 1.5.8
  • Angular Material Version: 1.1.0

Additional Information:

  • Browser Type: Chrome
  • Browser Version: 52.0.2743.116
  • OS: Win 10 64 bit

Demo

@topherfangio topherfangio self-assigned this Aug 31, 2016
@topherfangio topherfangio added this to the 1.1.2 milestone Aug 31, 2016
@topherfangio
Copy link
Contributor

Yup, looks like the speed dial does not currently respect the disabled status. Will definitely fix.

@ThomasBurleson ThomasBurleson modified the milestones: 1.1.2, - Backlog Nov 29, 2016
@garretwilson
Copy link

garretwilson commented Apr 20, 2017

See #7473.

@Splaktar Splaktar changed the title FAB Speed Dial still trigger action when disabled fab-speed-dial: still triggers action when disabled Jun 12, 2019
@Splaktar Splaktar modified the milestones: - Backlog, 1.1.20 Jun 12, 2019
@Splaktar Splaktar self-assigned this Jun 12, 2019
@Splaktar Splaktar added for: external contributor P3: important Important issues that really should be fixed when possible. labels Jun 12, 2019
@Splaktar
Copy link
Member

Here's an updated CodePen that shows this is still an issue in 1.1.19.

@Splaktar Splaktar modified the milestones: 1.1.20, 1.1.21 Jun 12, 2019
@Splaktar Splaktar modified the milestones: 1.1.21, 1.1.22 Aug 15, 2019
@Splaktar Splaktar modified the milestones: 1.1.22, 1.1.23 Oct 22, 2019
@Splaktar Splaktar modified the milestones: 1.1.23, 1.2.1 May 6, 2020
@Splaktar Splaktar modified the milestones: 1.2.1, 1.2.2 Sep 14, 2020
@Splaktar Splaktar added has: Pull Request A PR has been created to address this issue and removed for: external contributor labels Dec 17, 2020
Splaktar added a commit that referenced this issue Dec 17, 2020
- when the trigger is clicked, verify that the trigger button isn't disabled
  before toggling the open state
- style the disabled speed dial trigger fab button using the current theme
  to support both light and dark themes
- fix issue where the disabled background (mostly transparent)
  allowed opaque `md-fab-action-item`s to fade through
- disabled fab buttons now have no `box-shadow` which is consistent
  with Angular Material
- fix basic usage demo to not have a black hover/focus background
  as that doesn't work at all on dark theme and was confusing in light theme
- remove duplicate `$button-fab-width` variable

Fixes #9467
Splaktar added a commit that referenced this issue Dec 17, 2020
- when the trigger is clicked, verify that the trigger button isn't disabled
  before toggling the open state
- style the disabled speed dial trigger fab button using the current theme
  to support both light and dark themes
- fix issue where the disabled background (mostly transparent)
  allowed opaque `md-fab-action-item`s to fade through
- disabled fab buttons now have no `box-shadow` which is consistent
  with Angular Material
- fix basic usage demo to not have a black hover/focus background
  as that doesn't work at all on dark theme and was confusing in light theme
- add test for when the click occurs on the `md-icon` instead of the `md-button`
- remove duplicate `$button-fab-width` variable

Fixes #9467
Splaktar added a commit that referenced this issue Dec 17, 2020
- when the trigger is clicked, verify that the trigger button isn't disabled
  before toggling the open state
- style the disabled speed dial trigger fab button using the current theme
  to support both light and dark themes
- fix issue where the disabled background (mostly transparent)
  allowed opaque `md-fab-action-item`s to fade through
- disabled fab buttons now have no `box-shadow` which is consistent
  with Angular Material
- fix basic usage demo to not have a black hover/focus background
  as that doesn't work at all on dark theme and was confusing in light theme
- add test for when the click occurs on the `md-icon` instead of the `md-button`
- remove duplicate `$button-fab-width` variable

Fixes #9467
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
has: Pull Request A PR has been created to address this issue P3: important Important issues that really should be fixed when possible. resolution: fixed type: bug
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants