In this StackOverflow question I answered when it is appropriate to use ion-pane in Ionic Framework
I'm a big fan of Stack Overflow and I tend to contribute regularly (am currently in the top 0.X%). In this category (stackoverflow) of posts, I will be posting my top rated questions and answers. This, btw, is allowed as explained in the meta thread here.
As you may know, I'm really into Ionic framework lately and am helping out on StackOverflow with the knowledge I gained so far with the framework. I'm currently #3 in the top All time answerers list.
This is a simple enough question.
After taking a look at the documentation for ion-pane it states:
A simple container that fits content, with no side effects. Adds the ‘pane’ class to the element.
What does it mean when it states "no side effects"? What are the use cases for ion-pane?
My answer was:
Honestly, I never used ion-pane before, but this question intrigued me so I went searching. As it seems, and you can see on this Codepen: http://codepen.io/anon/pen/JGwJKv?editors=1010, if the content is too big (if you try to resize the browser window to very small) it will not show it. Opposed to the
ion-content which will add scroll bars and allow you to use
ion-refresher and some other options (tapping into scroll delegate, etc.).
So, to be honest, I never stumbled upon a need for such a use-case, so would probably never use ion-pane. The lacking documentation about it, kind of suggests the same...
When is it appropriate to use ion-pane in Ionic Framework? https://t.co/3o9LVRoJxc
— Nikola Brežnjak (@HitmanHR) April 26, 2016