[SOLVED] Problem with popover

General issues related to the use of Metro 4
Post Reply
nike80
Posts: 6
Joined: Fri Aug 10, 2018 1:54 am
Status: Offline

[SOLVED] Problem with popover

Post by nike80 » Mon Oct 01, 2018 12:19 am

When I create desktop and playing clicking to a menu, windows captions, menu bar ect, some popovers freeze infinite

Image
http://i89.fastpic.ru/big/2018/1001/0e/ ... 1a1b0e.png

So, bugfix need.

Popovers init:

var item = $(`
<span class = 'task-bar-item started'
onclick='window.Desktop.TaskBarClicked(this)'
data-role='popover'
data-popover-position='bottom'
data-popover-hide="3000"
data-popover-show="800"
data-popover-timeout="500"
data-hide-on-leave="true"
data-popover-text='` + wnd.options['title'] +`'
>`

User avatar
olton
Site Admin
Posts: 121
Joined: Mon Apr 09, 2018 6:19 pm
Location: Kiev, Ukraine
Status: Offline

Post by olton » Tue Oct 02, 2018 12:27 pm

create pen on codepen.io

nike80
Posts: 6
Joined: Fri Aug 10, 2018 1:54 am
Status: Offline

Post by nike80 » Sun Oct 14, 2018 3:43 am

1. Just copy popower code from metro help
2. Past it many times in one div container
3. Goto Firefox and move the mouse pointer under popowers random and quickly
4. Remove a mouse pointer, so some popowers freeze infinite

Image
http://i77.fastpic.ru/big/2018/1014/ba/ ... 48d8ba.png

Code: Select all

<div>

<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
<button class="button" data-role="popover"
    data-popover-text="This is popover!"
    data-popover-position="bottom">Bottom</button>
</div>

nike80
Posts: 6
Joined: Fri Aug 10, 2018 1:54 am
Status: Offline

Post by nike80 » Sun Oct 21, 2018 6:20 pm

All OK, fixed in 4.26 version.

Post Reply