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

    Draggable Qchip

    Help
    2
    4
    340
    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.
    • V
      VadimNad last edited by

      I’m trying to make Qchip draggable:

      <q-chip draggable="true" @dragstart="writeConsole()">text</q-chip>
      

      On drag start nothing happens, writeConsole method is not triggered. To make it work I had to add div wrapper and assign event listener to it instead of q-chip.
      Is it normal behavior for q-chip? Can it be draggable?

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

        @VadimNad where did you find a draggable prop and event? I dont seem to find that in the docs.

        V 1 Reply Last reply Reply Quote 0
        • V
          VadimNad @metalsadman last edited by VadimNad

          @metalsadman it’s a html attribute , should be applicable to q-chip as it’s represented by div. You are right there is no dragstart event in the docs, but @dragstart works with just a simple div, so I guess it should work with q-chip as well.

          1 Reply Last reply Reply Quote 0
          • V
            VadimNad last edited by

            Ok, it seems it’s enough to add .native directive to event listener.

            <q-chip draggable="true" @dragstart.native="writeConsole()">text</q-chip>
            
            1 Reply Last reply Reply Quote 0
            • First post
              Last post