pk_
December 16, 2014, 12:10am
1
I’ve started a project from the CodePen popover example:
ionic start myapp http://codepen.io/ionic/pen/GpCst
On both iPhone 4/iOS 7 and desktop Firefox, the popover doesn’t render ( background doesn’t dim either ). On Firefox, I don’t see errors in Firebug.
Also, on iPhone 4/iOS 7, when “Android” or “Ionic” is selected, the entire content jumps to the top edge of the display.
I’m on Ionic CLI 1.2.6-beta2 .
pk
Looks like it does nothing on my chrome browser as well
It’s either a bug or a mistake in your code somewhere, the issue can be seen here as well so it’s not just your browser/device
zarko
December 16, 2014, 12:28am
3
pk_
December 16, 2014, 12:29am
4
Replacing lib/ionic from an Ionic Framework beta 12 project fixes the popover problem, but the “content jumping” problem is still there.
ie,
ionic start myapp http://codepen.io/ionic/pen/GpCst
pulls down beta 14, and I replaced it with beta 12.
bash-3.2$ diff ./lib/ionic/version.json ./lib/ionic-remove/version.json
2,5c2,5
< “version”: “1.0.0-beta.12”,
< “codename”: “krypton-koala”,
< “date”: “2014-09-10”,
< “time”: “20:36:00”
> “version”: “1.0.0-beta.14”,
> “codename”: “magnesium-mongoose”,
> “date”: “2014-12-15”,
> “time”: “20:15:38”
Popover has been updated and fixed in codepen.
1 Like
iank
September 17, 2015, 4:56am
6
Hello @mhartington sorry to bring this up. I have used the popover template in a tab ui template. My popover loads well with its content. My problem is i cannot to seam to be able to link to content in my popover to another template in the templates dir.
here is my directive for it
.state(‘feedback’, {
url: '/feeback',
views: {
'feedback': {
templateUrl: 'templates/feedback.html'
}
}
})
here is how ive linked it in the popover template to a file in templates called feedback
<a href= "#/feedback">Click Feedback</a>
here is my popover controller working fine
.controller('popOverCtrl', function($scope, $ionicPopover) {
$ionicPopover.fromTemplateUrl('templates/popover.html', {
scope: $scope,
}).then(function(popover) {
$scope.popover = popover;
});
}
});
Thanks for the help