Popover arrow showing with delay of .25 - .50 (popover__top-arrow)



  • Hello!

    Im having some trouble with the Javascript Popover element. When trying to be shown on a side of the screen, the popover appears right, but the arrow pointing to the element first starts at the middle and then after a few hundred milliseconds goes to the right place.

    This doesnt look so nice and also not so professional, do you have any idea how to solve this?

    Ill try otherwise with preshow and changing the css of the arrow but im not sure if the right way to go.

    Thanks!


  • Monaca

    Sounds like a bug, could you please tell us which device, os/version are you using?


  • Onsen UI

    Could you please make an example where this is shown? You can fork this template to do it quickly: http://codepen.io/onsen/pen/YwEobP
    Or at least describe the way to reproduce it. Also, if you think it’s a bug please report it directly to Github issues. Thank!



  • @philippogol What version are you using? I remember fixing a bug like this. If you are using 1.3.14, I will take a look at it again.



  • Hello evrybody!

    1. Version v1.3.11
    2. Device iPhone 6s / ios 9.2
    3. The code is nothing special just creating the popover and showing it into the element id:
    $scope.showOptions = function(){
                ons.createPopover('details-options.html').then(function(popover) {
                    popover4.on('postshow',function(){
                        $('.popover__top-arrow').show();
                    });
                    popover.show('#details-options');  
                });
            }
    

    @argelius would be great :)


  • Monaca

    Please try to use Onsen UI 1.3.14 and see if you can reproduce the issue.


Log in to reply