question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ionic 2 popover: Doesn't allow content to scroll

See original GitHub issue

Short description of the problem:

A page is not scroll able if it was navigated to from a click event in a popover

What behavior are you expecting?

Expected behaviour is for the page to be scroll able regardless of where it is navigated from as long as the contents is more than the view point.

Steps to reproduce: i have a plunker for this http://plnkr.co/edit/v5oBFP?p=preview

Other information: I’m guessing this happens because the popover from the previous page isn’t closed before navigating thereby freezing the page ‘scrollability’.

Trying to manually close it before navigating doesn’t work either manually closing the popover after navigation with a setTimeout function. solves the problem. But shouldn’t this be done automatically?

Which Ionic Version? 1.x or 2.x Ionic 2.x

Plunker that shows an example of your issue

http://plnkr.co/edit/v5oBFP?p=preview

Cordova CLI: 5.2.0 Gulp version: CLI version 3.9.0 Gulp local: Local version 3.9.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.30 Ionic App Lib Version: 2.0.0-beta.16 OS: Node Version: v4.3.2

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
akz92commented, Sep 1, 2016

I solved the issue by changing the way I dismiss the popover. Now i call this.viewCtrl.dismiss() inside ionViewDidLeave() and everything works fine.

0reactions
akz92commented, Aug 29, 2016

@jgw96 sorry for the delay. I created a repo that you can use to reproduce the issue: Popover nav example

Read more comments on GitHub >

github_iconTop Results From Across the Web

Scroll content + scroll popover doesn't work properly #16910
Try to remove ion-content -> Popover scrolls, but if you overscroll inside the popover, the list in the base page is being scrolled....
Read more >
Scroll content + scroll popover doesn't work properly in ionic 4
When popover present part of content visible not all content and can not scroll to show all content. After searching I find this...
Read more >
Scroll not working when from Popover - Ionic Forum
I have a page, that scrolls perfectly when I navigate to the page from another page. However, when I navigate to the page...
Read more >
Popovers · Bootstrap v5.0
When a keyboard user opens a popover, focus remains on the triggering element, and as the popover usually does not immediately follow the...
Read more >
How to Customise Ionic 6 Modal and Popover - YouTube
In Ionic 6 the styling of modals and popovers has changed, because they are now using Shadow DOM. Follow this quick win to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found