question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Tabs] Allow users to assign IDs to tabs

See original GitHub issue

Bug, feature request, or proposal:

proposal

What is the expected behavior?

Let the user define some “id” for the tab, to identify, outside the tab container, which tab is currently selected. Please note that this id may not necessarily be a substitute to the “selectedIndex” property, but some aditional content to identify which tab is currently selected.

What is the current behavior?

Today we can only know which tab is selected using the selectedIndex of md-tab-group, which is not really safe as the content of the tab may be changed and the index changes within it

What are the steps to reproduce?

Plunker

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

This is linked to #4135. The “workaround” that I found to use a “fixed” content relative to the current selected tab is to render the fixed element outside the tab-group and use the selectedIndex to show it.

Which versions of Angular, Material, OS, browsers are affected?

2.0.0-beta.3

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:49
  • Comments:17

github_iconTop GitHub Comments

11reactions
androdelcommented, Apr 20, 2020

This issue is already 3 years old. Common guys, just make it happen already…

6reactions
FoxelFoxcommented, Jul 2, 2018

I need this for e2e Tests

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to store an ID that is unique per browser tab?
Store the tab ID in the window.top.name and generate a new ID if the window.top.name does not yet contain such an ID. This...
Read more >
Working with the Tabs API - Mozilla - MDN Web Docs
Tabs let a user open several web pages in their browser window and then switch between ... If you have a tab's ID,...
Read more >
View and Edit Tab Settings in Permission Sets and Profiles
Tab settings specify whether a tab appears in the All Tabs page or is visible in a tab set.Required Editions and User Permissions...
Read more >
chrome.tabs - Chrome Developers
Host permissions allow an extension to read and query a matching tab's four sensitive tabs.Tab properties. They can also interact directly with the...
Read more >
Tabs | Foundation for Sites 6 Docs
Add the attribute data-deep-link="true" to a tabstrip to: modify the browser history when a tab is clicked; allow users to open a particular...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found