CodePen Popover example issues

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 :wink:

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

Likely because of a very recent (unintended) change. See https://github.com/driftyco/ionic/issues/2724#issuecomment-67092461

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

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