This repository has been 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
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
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:
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
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.
fab-toolbar starts closed, only fab-trigger is visible
fab-toolbar opened after fab-trigger clicked
fab-toolbar in mixed state after minimizing and restoring the browser window
The text was updated successfully, but these errors were encountered: