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

    Disable button tooltip when displaying modal

    Help
    1
    2
    496
    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.
    • S
      steve last edited by

      I have a button that has a tooltip (for hover-over description purpose) that when clicked, displays a modal dialog.
      My problem is that after the modal is closed, the tooltip is then displayed.

      How can I cancel the tooltip if the button is clicked?

      Button

      <q-btn @click="showTagManagementModel = true">
           <q-tooltip :delay="500">Edit display mode</q-tooltip>
      </q-btn>
      

      Modal

      <q-modal v-model="showTagManagementModel">
            <q-btn @click="showTagManagementModel = false" label="Close" />
      </q-modal>
      S 1 Reply Last reply Reply Quote 0
      • S
        steve @steve last edited by steve

        Quasar Modal component offers a “no-refocus” vue property.

        Do not refocus (on modal close) the element that had focus before
        opening (by default it tries to refocus)

        By setting this property on the q-modal, the button triggering the open will not refocus and then trigger the tooltip to show.

        <q-modal v-model="showTagManagementModel" no-refocus>
        1 Reply Last reply Reply Quote 0
        • First post
          Last post