Select options not showing outside of data grid row template again about balm-ui HOT 2 CLOSED

Hi @HDShabe , because the inside prop has been added to the <ui-select> component in version 10.10.0

Now, there are two solutions:

• Method 1 - overwrite <ui-table> styles

  <ui-table :data="requestData" :thead="thead" :tbody="tbody">
    <template #selectInput="{ data }">
      <ui-select v-model="mySelectedValue" :options="myOptions">
        Label
      </ui-select>
    </template>
  </ui-table>

  .mdc-data-table__table-container,
  .mdc-data-table__cell {
    overflow: initial;
  }
  
  .mdc-deprecated-list {
    padding: 0;
  }

• Method 2 - enable the inside prop of <ui-select>

  <ui-table :data="requestData" :thead="thead" :tbody="tbody">
    <template #selectInput="{ data }">
      <ui-select v-model="mySelectedValue" :options="myOptions" inside>
        Label
      </ui-select>
    </template>
  </ui-table>

from balm-ui.

Hi @elf-mouse

Apologies for getting back to you so late on this one, I've tried the above and the "inside" prop implementation works : )

Cheers!

from balm-ui.