Skip to content
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

p-splitter not working with I think nested ngtemplates #9754

Closed
ProfEibe opened this issue Jan 12, 2021 · 5 comments
Closed

p-splitter not working with I think nested ngtemplates #9754

ProfEibe opened this issue Jan 12, 2021 · 5 comments
Assignees
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@ProfEibe
Copy link

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)
Splitters panels are multiplying when using nested ngTemplates.
I have I quite complex scrollPanel I wanted to insert into the splitter. It includes a few form-elements, two p-tables and a ngif loading ngtemplate.
When calling the site there are more than 2 panels, the scrollPanel is in two of them, one is the loading-ngtemplate and one is my right-side-splitter-element.

I tried to make a simple example of the problem. It happens when you move the splitter.
https://stackblitz.com/edit/primeng-splitter-demo-a3bebw?file=src/app/app.component.html

Current behavior
Many panels are created and in my place the change of the size is not working.

Expected behavior
Only the two panels.

@yigitfindikli
Copy link
Contributor

You need to use splitter inside of splitter. Check nested splitter.

@ProfEibe
Copy link
Author

No I don't want nested splitter. I just want 1 splitter with a right and a left side.
It just creates more panels and I don't know why!

@yigitfindikli yigitfindikli reopened this Jan 13, 2021
@yigitfindikli yigitfindikli added the Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add label Jan 13, 2021
@yigitfindikli yigitfindikli added this to the 11.2.0 milestone Jan 13, 2021
@yigitfindikli yigitfindikli self-assigned this Jan 13, 2021
@yigitfindikli yigitfindikli modified the milestones: 11.2.0, 11.3.0 Jan 21, 2021
@rmathews-mnc
Copy link

I am having this problem as well

@pedy711
Copy link

pedy711 commented Mar 1, 2021

I faced the same issue

@ealib
Copy link

ealib commented Mar 2, 2021

Did you try a single child of <ng-template>?

<ng-template>
    <div>
        <!-- your original content here -->
    </div>
</ng-template>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

No branches or pull requests

5 participants