Dashboard 2 widget in template not using space available

Dashboard
1

If I have a v-select widget in a ui-template I find that it does not use the available space in the same way as the core Dropdown widget does.
For example with this in the template

<template>
  <div>
    <v-select
      label="Dropdown template"
      variant="outlined"
    ></v-select>
  </div>
</template>

and a default Dropdown widget, both sized 6x1 I see this

image

Am I missing a class or something? I have tried to work it out by inspecting and comparing the DOM but my skills and knowledge are insufficient to work it out.

2

Here's the trick

<v-select hide-details label="Dropdown template" variant="outlined"></v-select>

hide-details

1 Like
3

Excellent, thanks. It had not occurred to me that it was a v-select specific issue

4

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.