Table wrapper overflow bug

[Hesto]

Overview of the problem

Buefy version: [0.3.2]
Vuejs version: [2.3.3]
OS/Browser: Windows/Chrome

Description

When using dropdown component in table component, after dropdown collapse under bottom of the table, we can see scrollbar at the right (overflow issue).

The problem is in .table-wrapper:

.table-wrapper {
    overflow-x: auto;
    margin-bottom: 1.5rem;
    .table {
        margin-bottom: 0;
    }
}

fix:

.table-wrapper {
    overflow-x: visible; //change to visible
    margin-bottom: 1.5rem;
    .table {
        margin-bottom: 0;
    }
}

Steps to reproduce

1. Use table component
2. Insert dropdown component inside table
3. Click on dropdown button to collapse it under table

Expected behavior

Actual behavior

[rafaberaldo]

Thanks for the detailed issue!

The overflow-x: auto property is to automatically show scroll for overflowed tables, like this:

That's why I can't keep it always visible, but I'll make it auto only for tablet or less, probably gonna fix.