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

fab-toolbar: links in FAB toolbar disappear and main icon becomes unresponsive when we open site in two tabs #11071

Closed
sandeepmhaske opened this issue Jan 16, 2018 · 5 comments
Assignees
Labels
needs: more info The issue does not contain enough information for the team to determine if it is a real bug resolution: can't reproduce The team is unable to reproduce this issue with the information provided

Comments

@sandeepmhaske
Copy link

sandeepmhaske commented Jan 16, 2018

Links in FAB toolbar disappear and main icon become unresponsive when we open site in two tabs of same browser and switch them

What is the expected behavior?

The links in FAB toolbar should not disappear when we open site in two tabs of same browser.

What is the current behavior?

The links in FAB toolbar are disappearing when we open site in two tabs of same browser.

Steps to reproduce the issue:

Detailed Reproduction Steps:
  1. Open the site in two tabs of same browser.
  2. Click on fab toolbar icon of site opened in first tab.
  3. Click on fab toolbar icon of site opened in second tab.
  4. Go back to first tab and you will observed that links in fab toolbar are disappeared.
  5. Go back to second tab and will observed same issue.
  6. Also the fab icon will be observed unresponsive at the end.

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

AngularJS 1.5.5
Material 1.0.7
OS - Windows 8
Browser - Chrome

Please refer below link to reproduce the issue:
https://material.angularjs.org/latest/demo/fabToolbar

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

PFB screenshots:

Before switching between two tabs:
fabtoolbar_beforetabswitch

After switching between two tabs:
fabtoolbar_aftertabswitch

@Splaktar Splaktar added needs: more info The issue does not contain enough information for the team to determine if it is a real bug needs: investigation The cause of this issue is not well understood and needs to be investigated by the team or community labels Jan 21, 2018
@Splaktar
Copy link
Member

Please list the exact versions of AngularJS and AngularJS Material. 1.x is not enough to be useful to us.

@Splaktar Splaktar changed the title Angular Material - Issue with FAB Toolbar fab-toolbar: links in FAB toolbar disappear and main icon becomes unresponsive when we open site in two tabs Feb 12, 2019
@Splaktar Splaktar self-assigned this Feb 12, 2019
@Splaktar Splaktar added resolution: can't reproduce The team is unable to reproduce this issue with the information provided and removed needs: investigation The cause of this issue is not well understood and needs to be investigated by the team or community labels Feb 12, 2019
@Splaktar
Copy link
Member

I can't reproduce this with 1.1.12 using https://material.angularjs.org/1.1.12/demo/fabToolbar.

@dredlich
Copy link

I can reproduce it, when opening the fab-toolbar via the the fab-trigger, then minimizing the browser window and then restoring / maximizing the browser window. Already opened new issue here: #11760

@sandeepmhaske
Copy link
Author

Hello,

I am able to reproduce this issue when I go to another tab and then come back. The fab-trigger stop working and also links on fab-toolbar got disappeared.

It will be a great help if someone can suggest a fix for the same.

Thank you in advance.

@Splaktar
Copy link
Member

Splaktar commented Jan 6, 2020

@sandeepmhaske I believe that is the same issue as #11760. This issue is about using two simultaneous tabs.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
needs: more info The issue does not contain enough information for the team to determine if it is a real bug resolution: can't reproduce The team is unable to reproduce this issue with the information provided
Projects
None yet
Development

No branches or pull requests

3 participants