Quasar: popover in the slot header

Created on 15 Nov 2016  ·  4Comments  ·  Source: quasarframework/quasar

when I put a button with popover in the slot header, the popover will toggle when click anywhere in the header

All 4 comments

Popovers (and new Tooltips) have been redesigned to work in ANY scenario in next Quasar version.

this is my code , i use the latest version

<quasar-layout>
      <div slot="header" class="toolbar">
        <button  class="primary">
          <i class="on-left" ref="target1">add</i>
        </button>
       <quasar-popover ref="popover" anchor-ref="target">
  <div class="list item-delimiter highlight">
    <div
      class="item item-link"
      @click="doSomething(), $refs.popover.close()"
    >
      ...
    </div>
  </div>
</quasar-popover>
        <!-- Toolbar title -->
        <quasar-toolbar-title :padding="1" class="text-center">
          动态<i style="font-size:1.5rem" @click="refresher">autorenew</i>
        </quasar-toolbar-title>
      </div>
</quasar-layout>

Yes, I mentioned it will work with next Quasar version which will be released soon.

excited

Was this page helpful?
0 / 5 - 0 ratings