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

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

@dredlich

Description

@dredlich

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3: importantImportant issues that really should be fixed when possible.needs: investigationThe cause of this issue is not well understood and needs to be investigated by the team or communitytype: bug

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions