Skip to content
This repository has been archived by the owner on Aug 29, 2023. It is now read-only.

fab-toolbar: unusable after minimizing/restoring browser window when toolbar open #11760

Open
dredlich opened this issue Jul 12, 2019 · 1 comment
Labels
needs: investigation The cause of this issue is not well understood and needs to be investigated by the team or community P3: important Important issues that really should be fixed when possible. type: bug
Milestone

Comments

@dredlich
Copy link

dredlich commented Jul 12, 2019

issue:
https://codepen.io/anon/pen/YoMPyx

issue is also on the fab-toolbar demo site:
https://material.angularjs.org/latest/demo/fabToolbar

Detailed Reproduction Steps:

  1. click fab-trigger and watch the toolbar open
  2. minimize browser window
  3. restore / maximize browser window

What is the expected behavior?

Either the toolbar stays opened, as there was nothing done that should have had triggered a close action, or it will close the toolbar. (Edge closes the Toolbar correctly)

What is the current behavior?

Curently the states are mixed up after minimizing and restoring the browser window.
The toolbar stays expanded and keeps it's background while aria-expanded attribute is set to false, the fab-action-items are invisible, the fab-trigger gets visible, toolbar pointer-events are reset to inherit, but clicking the menu will change nothing as the fab-toolbar state is already mixed up...

What is the use-case or motivation for changing an existing behavior?

with current behavior it's not usable in production.

Which versions of AngularJS, Material, OS, and browsers are affected?

AngularJS: 1.7.5

  • AngularJS Material: 1.19
  • OS: Win 10
  • Browsers:
  1. Chrome: 75.0.3770.100
  2. Firefox: 67.0.4
  3. Opera: 60.0.3255.170
  4. IE 11: 11.829.17134.0

but works in EDGE 42.17134.1.0

Is there anything else we should know? Stack Traces, Screenshots, etc.

FYI: If you try to reproduce it on the demo site, the issue is not reproducible if you click the open radio button, which also opens the fab-toolbar. It's only reproducible if you click the fab-trigger and then minimize the browser window.

  1. fab-toolbar starts closed, only fab-trigger is visible
    image

  2. fab-toolbar opened after fab-trigger clicked
    image

  3. fab-toolbar in mixed state after minimizing and restoring the browser window
    image

@Splaktar
Copy link
Member

Splaktar commented Jul 14, 2019

I can reproduce this on macOS Mojave with Chrome 75 as well. Resizing the window doesn't have a problem, nor does switching Chrome windows. But minimizing and restoring the window does indeed break the open md-fab-toolbar.

Thank you for the detailed report!

@Splaktar Splaktar added for: external contributor needs: investigation The cause of this issue is not well understood and needs to be investigated by the team or community P3: important Important issues that really should be fixed when possible. type: bug labels Jul 14, 2019
@Splaktar Splaktar added this to the 1.1.21 milestone Jul 14, 2019
@Splaktar Splaktar changed the title fab-toolbar: unusable after minimizing browser window fab-toolbar: unusable after minimizing/restoring browser window when toolbar open Jul 14, 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 self-assigned this Dec 17, 2020
@Splaktar Splaktar modified the milestones: 1.2.2, - Backlog Dec 17, 2020
@Splaktar Splaktar removed their assignment Dec 17, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
needs: investigation The cause of this issue is not well understood and needs to be investigated by the team or community P3: important Important issues that really should be fixed when possible. type: bug
Projects
None yet
Development

No branches or pull requests

2 participants