Fix QPopover hide condition in reposition (quasarframework#2045)

close quasarframework#2044

Author: pdanpdan

dev/components/components/context-menu.vue

@@ -30,7 +30,7 @@
       </p>
 
       <div
-        style="height: 300px; margin-top: 40px;"
+        style="height: 600px; margin-top: 40px;"
         class="bg-secondary text-white row items-stretch"
       >
         <div class="col-6 flex flex-center" v-for="n in 4" :key="n" >

src/components/popover/QPopover.js

@@ -130,10 +130,10 @@ export default {
         this.$el.style.minWidth = width(this.anchorEl) + 'px'
       }
       const
-        { top } = this.anchorEl.getBoundingClientRect(),
+        { top, bottom } = this.anchorEl.getBoundingClientRect(),
         { height } = window.innerHeight
 
-      if (top < 0 || top > height) {
+      if (bottom < 0 || top > height) {
         return this.hide()
       }