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

    Qselect options width

    Framework
    3
    7
    2200
    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.
    • B
      Bharathb01 last edited by dobbel

      @Bharathb01

      the options in select, should be same width as select box width with no ellipses. please help me with this.

      Please create a codepen.io to demonstrate issue with the options in q-select.

      1 Reply Last reply Reply Quote 0
      • B
        Bharathb01 last edited by

        https://codepen.io/bharathb01/pen/GRNJEdN?editors=1010

        i dont want options to be that much long. it should be qual to select width(i dont want to set it externally)

        beets 1 Reply Last reply Reply Quote 0
        • dobbel
          dobbel last edited by dobbel

          @beets @metalsadman

          any ideas?

          1 Reply Last reply Reply Quote 0
          • beets
            beets @Bharathb01 last edited by

            @bharathb01 @dobbel This works I guess: https://codepen.io/pianopronto/pen/wvoKPrz?editors=1011

            Maybe not the most elegant solution, but it is a start. Qmenu has a nice fit option, but I don’t see anything related on a Qselect.

            dobbel 1 Reply Last reply Reply Quote 0
            • B
              Bharathb01 last edited by

              thank you! it works !!

              beets 1 Reply Last reply Reply Quote 0
              • beets
                beets @Bharathb01 last edited by

                @bharathb01 Great! If you will use this often in your app, you could make a small component wrapper for it, and call it my-q-select or similar. Would save you from having to keep track of multiple width variables.

                1 Reply Last reply Reply Quote 0
                • dobbel
                  dobbel @beets last edited by

                  @beets

                  This works I guess: https://codepen.io/pianopronto/pen/wvoKPrz?editors=1011

                  nice, very creative!

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