-
Notifications
You must be signed in to change notification settings - Fork 13.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
ion-item-sliding not working with custom component #7963
Comments
Hello! Thanks for using Ionic! Would you mind trying markup like this
|
Hello! Would you mind posting the template for you custom component? Thanks! |
Full commit - https://github.com/aggarwalankush/ionic-inappbrowser-issue/commit/50fcae9338d8cb95fceb1cc2904b59a5d37ccc11 P.S. this template is small for demo purpose, in my app, I've big template with ion-avatar and sliding options. Adding ion-item misaligned everything. |
Thanks! Ahh, I see the issue. Could you remove the
|
Thanks for quick reply and helping me on this issue. As you can see in commit, I remove ion-item from button and using
where my-item is
It isn't working. |
No problem, thanks for all the info! Could you describe exactly what is not working in the above screenshot? |
I created the above screenshot with below code
where my-item template is
We are putting template in |
I have a similar issue |
same issue here! |
Problem still exists with Version 2.2.0 |
This issue goes back to our issues with nested content projection. Basically when you wrap it in a custom component it isn't able to grab the individual components and place them in the correct location inside of the item. I wrote some details on this in this comment: #9080 (comment) Here is a forum post discussing how item projection works: https://forum.ionicframework.com/t/confused-about-ion-item-usage/54116/10 There is some documentation on item placement here: http://ionicframework.com/docs/api/components/item/Item/#item-placement I am going to close this issue as it isn't something that we will be able to fix in v3, but it will be fixed in v4. Please see my comment here for more information. |
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out. |
Short description of the problem:
Using custom component in ion-item-sliding not working, it works with ion-item.
Please refer to below minimal github commit to reproduce issue.
Steps to reproduce:
https://github.com/aggarwalankush/ionic-inappbrowser-issue/commit/50fcae9338d8cb95fceb1cc2904b59a5d37ccc11
Which Ionic Version?
Ionic 2 beta 11
Run
ionic info
from terminal/cmd prompt: (paste output below)Your system information:
Cordova CLI: 6.3.0
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.11
Ionic CLI Version: 2.0.0-beta.32
Ionic App Lib Version: 2.0.0-beta.18
ios-deploy version: 1.8.6
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v6.1.0
Xcode version: Xcode 7.3.1 Build version 7D1014
The text was updated successfully, but these errors were encountered: