Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dynamically constructed tab groups #8

Open
nickcoury opened this issue Apr 13, 2023 · 0 comments
Open

Dynamically constructed tab groups #8

nickcoury opened this issue Apr 13, 2023 · 0 comments

Comments

@nickcoury
Copy link

One valuable use case this proposal can address is comparisons. Often users open a number of links in new tabs to compare search results, products, or other lists. These links might be from the same site or a variety of sites.

For a host website to provide this feature with the current proposal, they would either need to provide a pre-curated bundle of links, or require the user to click checkboxes (or similar) next to each link of interest before clicking another button to open them all.

A better UX could be enabling links to target named tab groups. This would allow a site to offer an appropriate button e.g. (+ Compare) next to items of interest, and each click would add a tab to the same group. The user could interact with the tab group, close tabs that are no longer useful, and return to the original page to add new tabs as they go. This would also indirectly help users curate tab lists to share or save later.

This pattern is already common on many sites, but requires custom implementations and only works on same-site content.

This is also somewhat possible today for browsers that support a secondary action to add to a tabbed group. This would make the experience more explicit and discoverable, and allow individual sites to better tailor the experience.

The interface might look like:

<a href='site-a.com/running-shoe' target="_tabgroup" tab-group-name="my-site:query=mens+shoes" tab-group-label="Mens Shoes">Compare Running Shoe</a>
<a href='site-b.com/dress-shoe' target="_tabgroup" tab-group-name="my-site:query=mens+shoes" tab-group-label="Mens Shoes">Compare Dress Shoe</a>
<a href='site-c.com/casual-shoe' target="_tabgroup" tab-group-name="my-site:query=mens+shoes" tab-group-label="Mens Shoes">Compare Casual Shoe</a>

Clicking each link would add it to the same tab group.

Other considerations:

It might be desirable to auto-namespace to the current site, tab, or even document, so different pages or sites can't open links in the same named groups unexpectedly. Scoping to the site may still be desirable for multi-page apps where the user compares things across multiple pages or from different tabs.

This can still combine with the existing proposal, to allow "Add these 3 products to the comparison".

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant