Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Steve-Mcl opened this issue Jun 19, 2024 · 1 comment
Open
Labels
bug Something isn't working size:XS - 1 Sizing estimation point

Comments

@Steve-Mcl
Copy link
Contributor

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

  • Dashboard version: 1.11.1
  • Node-RED version: 3.19
  • Node.js version:
  • npm version:
  • Platform/OS: Windows
  • Browser: Chromw

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

@Steve-Mcl Steve-Mcl added bug Something isn't working needs-triage Needs looking at to decide what to do labels Jun 19, 2024
@hotNipi
Copy link
Contributor

hotNipi commented Jun 20, 2024

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.

@joepavitt joepavitt added size:XS - 1 Sizing estimation point and removed needs-triage Needs looking at to decide what to do labels Jun 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working size:XS - 1 Sizing estimation point
Projects
Status: Backlog
Development

No branches or pull requests

3 participants