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

philippogol

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!

Andi

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

Fran Diox

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!

argelius

@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.

philippogol

Hello evrybody!

Version v1.3.11
Device iPhone 6s / ios 9.2
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 :)

Andi

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

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

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