scrollbar still visible on firefox

[gregveres]

I had to add the following so that the horizontal scroll bar didn't completely overwrite my tab content:

/* get rid of scroll bar in firefox */
@-moz-document url-prefix() {
.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal {
overflow-x: hidden;
overflow-y: hidden;
display: -webkit-box;
display: -moz-box;
}
}

I still have a horizontal scroll bar for MS Edge, but at least with Edge, the browser makes the element larger to accommodate the scroll bar. Firefox doesn't make the element bigger, it just plunks down this huge scroll bar that covers up most of the content.

the down side to this fix is that there is no horizontal scrolling in firefox. You have to use the left and right arrows to do scrolling.
If I could figure out how to hide the scroll bar but keep scrolling like Chrome and safari behave, that would be ideal. But this is good enough for now.

[devginie]

I am in similar situation too. Scrollbar still take up space. So, I added following code into css.

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal {
overflow-x: hidden;
overflow-y: hidden;
display: -webkit-box;
display: -moz-box;
display: box;
display: -ms-flexbox;
}

/* As it has a mobile focus the scrollbar is removed */

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}