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.

Sign up for GitHub

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

Jump to bottom

TreeSelect | Add styleClass and style support for container and label #11982

Closed
DarienF opened this issue Sep 28, 2022 · 1 comment · Fixed by #11994
Closed

TreeSelect | Add styleClass and style support for container and label #11982

DarienF opened this issue Sep 28, 2022 · 1 comment · Fixed by #11994
Assignees
@cetincakiroglu
Labels
Type: New Feature Issue contains a new feature or new component request
Milestone
14.2.0

Comments

@DarienF
Copy link

DarienF commented Sep 28, 2022

Describe the bug

If I try put on TreeSelect component width: 100% like this:

<div style="width: 400px; background-color: red;">
  <p-treeSelect
    [style]="{
      width: '100%'
    }"
    [(ngModel)]="selectedNode1"
    [options]="nodes1"
    placeholder="Select Item"
  ></p-treeSelect>
</div>

...it not woking.

Link to reproduce: https://stackblitz.com/edit/github-kmrarh?file=src%2Fapp%2Fapp.component.html

Environment

"primeflex": "^3.2.1",
"primeicons": "^5.0.0",
"primeng": "^14.0.1",

Reproducer

No response

Angular version

14.0.0

PrimeNG version

14.0.1

Build / Runtime

Angular CLI App

Language

ALL

Node version (for AoT issues node --version)

18.6.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response
@DarienF DarienF added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Sep 28, 2022
@cetincakiroglu
Copy link
Contributor

Hi,

Thanks for reporting the issue, it seems the component needs styleClass & style properties for both container and label. I'll change the topic and add it to the milestone.

@cetincakiroglu cetincakiroglu added Type: New Feature Issue contains a new feature or new component request and removed Type: Bug Issue contains a bug related to a specific component. Something about the component is not working labels Sep 30, 2022
@cetincakiroglu cetincakiroglu changed the title TreeSelect component apply styling error TreeSelect | Add styleClass and style support for container and label Sep 30, 2022
@cetincakiroglu cetincakiroglu added this to the 14.1.3 milestone Sep 30, 2022
@cetincakiroglu cetincakiroglu self-assigned this Sep 30, 2022
cetincakiroglu added a commit that referenced this issue Sep 30, 2022
@cetincakiroglu
Fixed #11982 - TreeSelect | Add styleClass and style support for cont…
953404c 
…ainer and label
@cetincakiroglu cetincakiroglu linked a pull request Sep 30, 2022 that will close this issue
Fixed #11982 - TreeSelect | Add styleClass and style support for cont… #11994
Merged
cetincakiroglu added a commit that referenced this issue Sep 30, 2022
@cetincakiroglu
Merge pull request #11994 from primefaces/issue-11982
c06bd63 
Fixed #11982 - TreeSelect | Add styleClass and style support for container and label
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@cetincakiroglu cetincakiroglu

Labels
Type: New Feature Issue contains a new feature or new component request
Projects
None yet
Milestone
14.2.0
Development

Successfully merging a pull request may close this issue.

Fixed #11982 - TreeSelect | Add styleClass and style support for cont… primefaces/primeng
2 participants
@DarienF @cetincakiroglu