1. (i'm on mac) goto a page
2. ctrl+click > select inspect element

actual: devtools window doesn't appear and view area is shifted so that the bottom of pages cannot be scrolled.

expected devtools should appear, and page should scroll as normal.

Pinned my tabs open an then opened my bookmarks sidebar. I think it's hidden behind my tabs. Maybe force the sidebars to the right-side of the browser?

Just for @deadsquid. 😉

From @phlsa.
I think related to the button bevel…

Clicking the new tab button and pressing ctrl-t should open a new tab at the top of the list, pushing all the other tabs down.
All other tab opening behavior can remain untouched.

CMND + F to find something and there's no visible find search box... maybe related to the dev tools thing?

If I start typing after hitting CMND + F results will highlight, so the form is there, but it's just not visible.

The header in the sidebar shrinks when the theme is enabled. Also, the toolbar buttons overlap with the sidebar when it auto-expands with a theme installed.

(From sec-review.)

Clearly it shouldn't be installed at the same time as Vertical Tabs, but you should keep in mind what could happen if a user had Vertical Tabs before with non-default settings.

(From sec-review.)

Found in 1.9

Steps to reproduce:

1. Download latest Developer Edition.
2. Install latest add-on.
3. Open the tab sidebar.

Actual results:

The pin icon is difficult/impossible to see w/ dark Developer Edition theme.

Found in 1.9

Steps to reproduce:

1. Install the Tab Center Test add-on.
2. Open a couple tabs and make sure your sidebar is pinned.
3. Open a new window (File > New Window or File > New Private Window).

Actual results:

The new windows don't have pinned sidebars, which can be mildly annoying if you have to re-enable pinned tabs in each browser window you open.

Expected results:

Persist that setting between windows/sessions.

From @phlsa.

SPOILER ALERT: I lack some basic knowledge of XPIs and add-ons in general.

Re: /install.rdf:22,

    <em:targetApplication>
      <Description>
        <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <!-- Firefox -->
        <em:minVersion>29.0a1</em:minVersion>
        <em:maxVersion>47.0</em:maxVersion>
      </Description>
    </em:targetApplication>

Do we want an explicit maxVersion here, or will that mess some stuff up as stuff rides the trains and Nightly is currently v48.0a1.

From @phlsa.
A screenshot would be helpful here…

Not sure if we want to add our custom Tab svg icon so we have something better than the default puzzle piece icon in about:addons.

As for the description, maybe something as simple as the GitHub repo's "Firefox add-on for arranging tabs vertically." text.

To take advantage of Fitts's Law.

In the latest version, moving the mouse over the leftmost pixel opens tab center instantaneously (awesome), but without the animation. It should still have the 150ms slide out animation, but no delay.

As reported by @madhavaenros, but I've seen it too.
While we're fixing that, we probably should only scroll the tabs, and not the newtab/pin buttons in the header…

From @phlsa.

Found in 1.9

Steps to reproduce:

1. Install the add-on via Test Pilot.
2. Go to about:addons and configure the Tab Center Test add-on.
3. Toggle the various themes.

Actual results:

Figure 1: "Light" theme.

Figure 2: "Dark" theme. Note that I seemingly can't pin the sidebar, or get the sidebar to open when hovering. I can only delete a tab if it is active.

Figure 3: "Default" theme (which is funny since I don't think this was the actual default theme). I don't seem to be able to collapse this sidebar and it seems permanently pinned. Also, clicking on a history item with a longer title (like that TripAdvisor one) causes the sidebar to expand by like 20px when it is active to accommodate the "X" close button.

Found in 1.9

Haven't been able to find reproducible steps, but it just happens sometimes.

Found in 1.9

Steps to reproduce:

1. Install latest add-on.
2. Open a bunch of tabs.
3. Pin and mute a couple tabs (right click on the tab in the sidebar and select "Pin Tab" and "Mute Tab" respectively).
4. Mute a couple unpinned tabs.

Actual results:

If a tab is pinned+muted, the mute speaker appears over the favicon.
If a tab is muted only, the mute speaker is right aligned.
Hovering over a muted tab, causes the muted icon to shift over by like 30px to make room for the red X icon.

Expected results:

Not sure if we should always overlay the muted icon over the favicon. It looks good, and makes for a less shifty UI. But I defer to @johngruen's UX decisions.

STR

• Go to a page with a long title (e.g. a bugzilla bug)
• Try to close it using the close button
• Notice that it isn't visible (it is pushed out all the way to the right where it is not reachable)

This is blocking user testing :(

We got rid of the default favicon because it didn't make sense with the normal tab strip. In this implementation, we actually need it because otherwise tab titles are all over the place, which makes them hard to parse.

Found in 1.9

Steps to reproduce:

1. Install latest add-on.
2. Quickly mouse over the sidebar a few times.

Actual results:

Sometimes I'm getting an odd gap between the "New Tab" to bar and the first tab (in this case "New Tab"). Sometimes even just moving my mouse vertically along the list of tabs causes things to shift unexpectedly.

Also, the "X" isn't always pinned to the right, but then if you mouse over other items, it shifts over into the correct spot.

When making a video go full screen (on Youtube for example), the tabs shouldn't be visible.

Clearly it shouldn't be installed at the same time as Vertical Tabs, but you should keep in mind what could happen if a user had Vertical Tabs before with non-default settings.

(From sec-review.)

From @phlsa.

As reported by @campd. Screenshot incoming, hopefully… 😉

A bunch of the styling we use is very specific to Windows 10 (or OS X). We need to at least look at it on Windows 7 to determine whether there is anything that is breaking badly.

One of the main issues we've seen in testing was that people always had issues with the size of tab center. When it was wide, there were complaints about taking space away from the website. When it was narrow, it became hard to distinguish tabs and even harder to close them.

We can address all of those issues by auto-collapsing and expanding the tab sidebar.

Interactive mockup: http://phlsa.github.io/fx-tab-center-2/
Code: https://github.com/phlsa/fx-tab-center-2

Important details

• When expanding, tab center overlays the viewport (it doesn't change the width of the viewport)
• There is a delay of 300ms (value up for debate) for both expanding and narrowing
• When the user moves the cursor over the leftmost pixel of the window, the expansion happens instantaneously. That way, in full screen mode we take advantage of fitts law.

From @phlsa.
Needs mockup.

Reported by @madhavaenros.

Re: http://testpilot.dev.mozaws.net/experiments/tabcenter

We should make sure all the data is accurate.
Specifically, I don't know what we need for Measurements or intros, screenshots, onboarding flows, privacy policies, etc.

When having so many tabs open that they scroll, the scrollbar on windows hides the tab titles in collapsed mode. Not only does that take away information, it also looks kinda messy and it will cause misclicks when users try to grab the scrollbar, but it moves from underneath the cursor when tab center expands.
We can solve all of that by only showing the scroll bar when tab center is expanded.

Running 1.9

From @phlsa.
This might be "tricky"…

The pin button should have a tooltip that reads »Keep sidebar open« (happy to take other suggestions on the string though :)

From @phlsa.

Found in 1.9

Steps to reproduce:

1. Install the latest add-on via Test Pilot.
2. Open a few tabs, including one that doesn't have a favicon (ie: activity-stream, until we fix that bug).
3. Go to about:addons and edit the preferences for "Tab Center".
4. Change the theme to "Dark" and "Default", and look at the missing favicon for "Activity Stream".

Actual result:

Figure 1: "Light" theme.

Figure 2: "Dark" theme (missing fallback favicon).

Figure 3: "Default" theme (missing fallback favicon)

From @phlsa.
(Unknown: Where to remove ellipsis from… ;)

Found in 1.9

Steps to reproduce:

1. Install the add-on.
2. Open lots of tabs.
3. Scroll to the bottom.
4. Scroll to the top.

Actual results:

I can scroll 98% of the way to the top of the list, but not that pesky 2%. Not sure if it is because the first tab seems to be a "pinned tab", or what.

Ugh, something XUL bindings.

From @phlsa.

Found in 1.9

Steps to reproduce:

1. Install the add-on via Test Pilot.
2. Go to about:addons and check the "Display tabs on the right" checkenboxen.
3. Toggle between the 3 different themes.

Actual results:

I cannot seem to display the tabs on the right of the browser if I'm using the "Light" theme.

Figure 1: "Light" theme, but always stuck on left side of the screen.

Figure 2: "Dark" theme, correctly docked to right side of the screen.

Figure 3: "Default" theme, correctly docked to the right side of the screen.

... and I guess convert README.txt to README.md while we're at it.

Badge can be scraped from your current index.html or test.html pages at https://people.mozilla.org/~bwinton/TabCenter/test.html