No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    q-input type="textarea" full-height

    Framework
    2
    2
    2470
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • E
      Egor last edited by

      how to set q-input type=“textarea” 100% height of parent? I tried this:

      <div id=“q-app”>
      <div class=“q-pa-md fit”>
      <q-input
      v-model=“text”
      outlined
      type=“textarea”
      :input-style="{resize: ‘none’, height: ‘100%’}"
      class=“full-height”
      ></q-input>
      </div>
      </div>

      #q-app{
      height:250px;
      }

      1 Reply Last reply Reply Quote 0
      • C
        chyde90 last edited by chyde90

        You could add rows="1000" (or another large number) to the q-input.
        It is not exactly 100%, but it’s 100% with a maximum number of rows. I think that’s ok because a text-area with this many lines doesn’t make much sense anyways.

        Seems a bit like a hack, though… so I don’t know if some browsers maybe handle this differently. Maybe it would be wise to set overflow: hidden on the container as well - just to be safe.

        1 Reply Last reply Reply Quote 1
        • First post
          Last post