ListView - not confining to parent div's height

[rtdany10]

Only h-[px] inside the class attribute is being respected. If the input is given in percentage(ie h-1/2), it fails.

<div class="p-2 border-2 border-gray-200 h-4/6">
  <ListView
    class="h-4/6"
    :columns="itemColumns"
    :rows="filteredItems"
    :options="{
      selectable: false,
      showTooltip: false,
      resizeColumn: true,
      onRowClick: (row) => console.log(row.item_code + ' was clicked'),
      emptyState: {
        title: 'No items selected',
        description: 'Select an item to get started',
      },
    }"
    row-key='item_code'
  />
</div>

Add h-full at

frappe-ui/src/components/ListView/ListView.vue

Line 2 in 0f32e2e

<div class="relative flex w-full flex-1 flex-col overflow-x-auto">

fixes it.

Peek.2024-12-25.17-41.mp4