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

Button: styleClass #14870

Closed
LucasAlumni opened this issue Feb 23, 2024 · 4 comments
Closed

Button: styleClass #14870

LucasAlumni opened this issue Feb 23, 2024 · 4 comments
Labels
Resolution: Stale Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response Type: Bug Issue contains a bug related to a specific component. Something about the component is not working

Comments

@LucasAlumni
Copy link

Describe the bug

StyleClass does not work in PrimeNG 15 LTS

Environment

https://www.primefaces.org/primeng-v15-lts/button#severity

Reproducer

No response

Angular version

15.2.9

PrimeNG version

15.4.16-lts

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.11.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

@LucasAlumni LucasAlumni added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Feb 23, 2024
@Vulps22
Copy link

Vulps22 commented Feb 26, 2024

image_2024-02-26_035854293

I am seeing this as well

<p-button styleClass="p-button-primary" label="Learn More" [raised]="true"></p-button>

<button pButton pRipple label="Join Now" icon="pi pi-discord" class="font-bold px-5 py-3 p-button-primary p-button-raised p-button-rounded white-space-nowrap"></button>

StyleClassModule and ButtonModule are both imported into the component

both of these elements have no color to them, they appear to be transparent, but all the other styling works fine

Angular: 17.1
PrimeNG: 17.8
Primeflex: 3.3.1

styles.css:

@import "primeng/resources/themes/soho-dark/theme.css";
@import "primeng/resources/primeng.css";
@import "primeflex/primeflex.css";

@mehmetcetin01140 mehmetcetin01140 added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Feb 26, 2024
@dobanisola-scottlogic
Copy link
Contributor

@Vulps22
I tried to reproduce the bug but could not. I used Stackblitz to attempt to reproduce the bug, see link below
https://stackblitz.com/edit/angular-tjtjdp?file=src%2Fmain.ts

Could you check the link to see if I missed something? I'll like to fix this issue.

Thanks.

Copy link

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

@github-actions github-actions bot added the Resolution: Stale Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response label Jun 27, 2024
Copy link

github-actions bot commented Jul 4, 2024

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you for your understanding!

@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Jul 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Resolution: Stale Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

4 participants