[Table] Unexpected horizontal scroll on dropdown when item text is too long

[kiaking]

We get this horizontal scroll effect.

This only happens on <STable>. If we use <SDropdown> or <SInputDropdown>, the long text gets wrapped. It should behave the same for table too.

[brc-dd]

Any idea why this was added?

sefirot/lib/components/STable.vue

Line 390 in adbe875

white-space: nowrap;

Removing/reseting it would fix this.

[kiaking]

Hmmm that is added for .table class so probably for table's horizontal scrolling...? But why is that style leaking into dropdown 🤔 ?

Though, without looking into the details, if removing that wouldn't break table's horizontal scroll feature, I think we can remove that one 👍

Or, to avoid this happening on other places, maybe it's safer to explicitly add white-space rule in dropdown component so that it doesn't get overridden by its parent 👀