Long text does not overflow properly in dropdowns and inputs with Edge
-
So yeah the layout breaks pretty easily in Edge. I have a partial fix but is there something in the books for this?
Edge
Chrome
Edge
Chrome
A partial fix that seems to work.
.q-datetime-input div.q-if-inner.col.column {width:calc(100% - 24px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}.q-input div.q-if-inner.col.column {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width:100%
}
result
-
actually scratch that…now we dont see the labels when there is text in the inputs
This works though but no ellipsis
.q-select,
.q-datetime-input {
overflow: hidden;
}
.q-input{
overflow: hidden;
}