Tabs switching after autohide

[zetapulse]

Hi mate, thanks for this extension. I love hoverswitching! Unfortunately I've decided to disable TST Hoverswitch because it glitches out, switching tabs even when I'm no longer hovering over the tab area. I suspect that this is due to my usage of TST's suggested modifications to userChrome.css to make it autohide. If there's anything I can do to help, please let me know.

[klemens]

Can you post the exact css code that triggers the behavior? But don' get your hopes too high, getting it to work with a tab bar that is always shown was tricky enough, see https://github.com/piroor/treestyletab/pulls?utf8=%E2%9C%93&q=author%3Aklemens.

[zetapulse]

I've no doubts it wasn't easy to implement! For your review, the section of my userChrome.css that may be related to this issue:

#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
  opacity: 0;
  pointer-events: none;
}

#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}

/* Sidebar min and max width removal */
#sidebar {
    max-width: none !important;
    min-width: 0px !important;
}

/* Hide splitter, when using Tree Style Tab. */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] + #sidebar-splitter {
    display: none !important;
}

/*Collapse in default state and add transition*/
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
  overflow: hidden;
  min-width: 40px;
  max-width: 40px;
  transition: all 0.0s ease;
  border-right: 1px solid #0c0c0d;
  z-index: 2;
}

/*Expand to 260px on hover*/
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover,
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar {
  min-width: 260px !important;
  max-width: 260px !important;
  z-index: 1;
}

/* Hide border on tab bar, force its state to 'scroll', adjust margin-left for width of scrollbar. */ 
#tabbar { border: 0; overflow-y: scroll !important; margin-left: -18px !important; scrollbar-width: auto; }

/* Hide .twisty and adjust margins so favicons have 7px on left. */
tab-item .twisty {
    visibility: hidden;
    margin-left: -12px;
}

/* Push tab labels slightly to the right so they're completely hidden in collapsed state */
tab-item .label {
    margin-left: 0px;
}

/* Hide close buttons on tabs. */
tab-item .closebox {
    visibility: collapse;
}

tab-item:hover .closebox {
    visibility: initial;
}

/* Better alignment of Favicons when collapsed */
tab-item[data-level][data-level="0"] {
  margin-left: 2% !important;
}
tab-item[data-level][data-level="1"] {
  margin-left: 4% !important;
}
tab-item[data-level][data-level="2"] {
  margin-left: 6% !important;
}
tab-item[data-level][data-level="3"] {
  margin-left: 8% !important;
}
tab-item[data-level][data-level="4"] {
  margin-left: 10% !important;
}
tab-item[data-level][data-level="5"] {
  margin-left: 12% !important;
}
tab-item[data-level][data-level="6"] {
  margin-left: 14% !important;
}
tab-item[data-level][data-level="6"] {
  margin-left: 16% !important;
}

#main-window[titlepreface^="[1] "] #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
  visibility: collapse !important;
}