Comments (5)
I investigated some more and noticed that before the .present() function is fired successfully this is the content of the pane variable:
And before the .present() is fired unsuccessfully, this is the content of the pane variable:
Note: on each page I create an element with different ID (also tried with class) so I am registering different elements (new CupertinoPane('#busko__qs-' + this.componentName, this.settings);
)
from panes.
@jakamusic Thanks for issue.
- Update pane package to latest version and try again. Issue still exist ?
- You gonna use one Pane in different ionic pages ? Each ionic page have own controller, and if you create Pane class in one controller it's should exist in other page controller. That's why you need declare class and
.present()
again in other page and it's create new Pane class.
But, if you need to use one Pane in few pages, you can add html into mainapp.component.html
template, and create new service. In this service declare Pane class, and use in each pages Pane methods from this service.
If my suggestions doesn't solve your issue, please provide code in some of sample repository, and i will complete it for you.
from panes.
Thanks for the reply. I have the latest version installed. What I have is the same drawer but on three different pages, where I can navigate from one to another at any time.
So, basically I have tested now a couple of options.
- If I just have it initialised with with the same class on all three pages, I get the error immediately. - If I initialise them with different classes on each page, the error will occur when navigating to a page again, after I was already on it at some point.
I have created a sample Ionic project that demonstrates the issue: https://github.com/jakamusic/cupertino-pane-test
from panes.
@jakamusic
In your repo html element only in tab1.page.html
On Tab1Page
element successful created, then on Tab2Page
, Tab3Page
you trying initialize new pane classes, but html elements doesn't exist.
If you want using 3 different panes in each tabs:
Add elements with unique selectors to all tabs html
If you want using 3 different panes with same selector
Add elements to all tabs html with class cupertino-pane
. On ngOnDestroy
call method .destroy()
to utilize pane correctly.
If you want use one pane in all 3 pages
Initialize it once on Tab1Page, with higher parent container. In Tab2Page
, Tab3Page
use referencies from PaneService
Check my updates in repository you provided 🎉
from panes.
Yes, that does it! Thanks for your time and help! I'll leave the repo active, in case anyone will encounter the same issue.
from panes.
Related Issues (20)
- [BUG] Incorrect processing of removing focus from input HOT 1
- [BUG] Swiperjs within pane HOT 2
- [FEAT] Playground app
- [FEAT] Modal
- [FEAT] Sounds haptics
- [FEAT] Improve touch gestures
- [BUG] Keyboard reset breakpoints to default HOT 1
- [BUG] Ionic apps required await for componentOnReady() before set event listeners HOT 9
- [BUG] Textarea with Keyboard
- [BUG] overflow-y stop working when switching pages HOT 10
- [FEAT] Update changelog & Add husky to project HOT 3
- [FEAT] Add husky to project
- [BUG] ion-select-options appear behind the pane, select itself doesnt. HOT 3
- [BUG] z-Index issue or request to set it manually. HOT 2
- [FEAT] Close all panes on hardware back button event HOT 2
- [BUG] modal appears and overlaps screen if parentElement is gone HOT 1
- [BUG] fitHeight not set height HOT 6
- [FEAT]
- [BUG] calcFitHeight need some time to calc correctly HOT 1
- [BUG] Panes cannot be dragged in Chrome HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from panes.