FlowFuse / node-red-dashboard

https://dashboard.flowfuse.com
Apache License 2.0
204 stars 49 forks source link

ui-text-input, multiline text area does not fill available space. #989

Closed Steve-Mcl closed 1 month ago

Steve-Mcl commented 4 months ago

Current Behavior

text area does not fill available space.

chrome_QI22j5GcSK

Expected Behavior

multi-line text box should fill space

Steps To Reproduce

add a ui-text-input and set the size height greater than 4

Environment

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

hotNipi commented 4 months ago

CSS override to make it as it should:

.nrdb-ui-text-input .v-input--horizontal:has(textarea) {
    grid-template-rows: auto 0;
}

.nrdb-ui-text-input textarea {
    height:100%;
    resize: none;
}

It is not solution to use directly as fix. The component has gridarea for messages, If it will be used for something - there's 0 pixels for it to live.