electron-tabs
electron-tabs copied to clipboard
Tab overflow handling for many tabs
It would be nice to have a logic for many opened tabs.
possible solutions are:
- arrow on the right side with a menu to show additional tabs
- scrolling throught tabs like in Firefox
I have attached an image to show current behaviour

Related to #40.
Which variant do you prefer to implemnt. The scrolling or the wit additional button? I can help with implementation
Actually for the next major release I was planning to move to another existing CSS tabs library, such as https://github.com/adamschwartz/chrome-tabs. This is the main reason why I didn't work on this issue.
I already worked a bit in order to make chrome-tabs compliant with electron-tabs needs. Unfortunately I really lack time to go on right now and I will be very busy with my job during the next weeks/months.
If you still want to help, your contribution can be really useful until we move to chrome-tabs (or another similar solution). I don't know which solution is the best between scrolling or additional buttons, feel free to do it the way you prefer. It will be a great improvement anyway 😉
Thank you for your contribution! (I'll check your PR ASAP)
Ok I will implement one.I tried chrome-tabs by Adam before your Tabs but i like yours more.
So I try to help you
I encountered this problem aswell and found a solution which isnt the best but works fine for me. I just changed 2 rows in your CSS and now i am able to scroll vertically if i get an overflow. The srollbar only appears when the overflow is happening.
I changed:
At "etabs-tabgroup" i added overflow: overlay;
At "etabs-tab" i changed padding: 6px 8px 4px; to padding: 5px 8px 4px;
The 2nd change is cause of the border the etabs-tab have. with it they reach a height of 33px and cause of the etabs-tabgroup is only 32px height, the scrollbar would appear everytime what i didnt liked.
I added a image how it looked now, if the overflow appears at my app.
Maybe this small "work around" will help some people :)
Is there a solution for this problem now?
Actually for the next major release I was planning to move to another existing CSS tabs library, such as https://github.com/adamschwartz/chrome-tabs. This is the main reason why I didn't work on this issue.
I already worked a bit in order to make chrome-tabs compliant with electron-tabs needs. Unfortunately I really lack time to go on right now and I will be very busy with my job during the next weeks/months.
If you still want to help, your contribution can be really useful until we move to chrome-tabs (or another similar solution). I don't know which solution is the best between scrolling or additional buttons, feel free to do it the way you prefer. It will be a great improvement anyway 😉
Thank you for your contribution! (I'll check your PR ASAP)
I can help you to finish it if you need.
We can add a parameter to allow users to choose whether to have a single line flexible compressed menu or to keep the current multi-line mode.
I can help you to finish it if you need.
Thanks but I wrote this five years ago. Meanwhile I refactored the whole thing in a different way, so I'm not planning to use chrome-tabs anymore. You still can customize the styles to mimic chrome styles if you want, but it won't be merged into this project IMO.