[英]Why is that strange behaviour in quasar framework select css?
我有一个需要放在右侧的 select 控件。 我使用 html 和 css 来实现这一点,但是当我第一次单击控件时出现奇怪的行为。 它破坏了选项,但是当导航选项时,控件会增长,直到没有断线:
https://codepen.io/andreschica/pen/LYWpKvJ?editors=1011
<div id="q-app">
<q-card bordered class="my-card justify-between ">
<q-card-section class="row justify-between items-center bg-grey-2 q-pa-none">
<q-item class="col-8 q-pa-none" style="background-color: #f5f5f5;">
</q-item>
<q-item class="col-4 q-pa-none" style="background-color: #f5f5f5;">
<q-item-section>
<div class="row items-center q-pa-sm col-12 justify-center ">
<label class="text-weight-bold text-primary text-h5 q-mr-sm">Evento:</label>
<q-select v-model="model" class="col-grow" :options="listaEventos" >
</q-select>
</div>
</q-item-section>
</q-item>
</q-card-section>
</q-card>
</div>
我需要避免这种行为。 谢谢你的帮助。
这是由于 col-grow 和其他一些事情
<div class="row items-center justify-center ">
<label class="text-weight-bold text-primary text-h5 q-mr-sm">Evento:</label>
<q-select v-model="model" class="col-10" :options="listaEventos" />
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.