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

    QPopupEdit Erratic Width

    Help
    2
    2
    251
    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.
    • J
      Julia last edited by

      The width of the QPopupEdit box seems to be erratic. In some cases, it fills the entire screen width. In other cases, it’s tiny and too small to contain the form value.

      In Chrome tools, I can modify the following style and it fixes the problem.

      .q-menu.scroll.q-popup-edit {
        min-width: 400px !important
      }
      

      But when I add that style to my project’s styles, it has no effect. I’ve also tried deep selectors, which also have no effect.

      Does anybody know how to set the min-width on the QPopupEdits?

      1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman last edited by metalsadman

        It takes the parent’s width i think. You can try playing with content-style or content-class props.

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