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

fix: hide placeholder, label, and helper text when skeleton is enabled #2748

Conversation

abiramcodes
Copy link
Contributor

Closes #2715

When the skeleton is set as true, placeholder is made as empty .

Changelog

Changed

Assigned the placeholder value as test to pass the npm test.

@abiramcodes abiramcodes requested a review from a team as a code owner January 5, 2024 17:16
Copy link

netlify bot commented Jan 5, 2024

Deploy Preview for carbon-components-angular ready!

Name Link
🔨 Latest commit 67e37a0
🔍 Latest deploy log https://app.netlify.com/sites/carbon-components-angular/deploys/6598547ffaf18700085e886d
😎 Deploy Preview https://deploy-preview-2748--carbon-components-angular.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

src/dropdown/dropdown.component.ts Outdated Show resolved Hide resolved
Copy link
Contributor

@Akshat55 Akshat55 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also, when skeleton is true, could you hide the label and helper text? This would match the react behavior:

https://react.carbondesignsystem.com/?path=/story/components-dropdown--skeleton

Should require updating the ngIf condition for both.

@abiramcodes
Copy link
Contributor Author

Also, when skeleton is true, could you hide the label and helper text? This would match the react behavior:

https://react.carbondesignsystem.com/?path=/story/components-dropdown--skeleton

Should require updating the ngIf condition for both.

Sure, I can do the changes.

Since there are no issues raised.. How do you want me to proceed ?
should I raise a new PR for this change ?

@Akshat55
Copy link
Contributor

Akshat55 commented Jan 5, 2024

No you can make the changes in this PR since they are related to dropdown skeleton. 😄

commiting this part of code as per suggestion

Co-authored-by: Akshat Patel <[email protected]>
Copy link
Contributor

@Akshat55 Akshat55 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@abiramcodes Test passes, not sure why it isn't passing locally for you.

Seems good so far, all you need is to update the NgIf for the label and helperText to not display when skeleton is enabled!

@Akshat55 Akshat55 changed the title making placeholder empty if skeleton : true fix: hide placeholder, label, and helper text when skeleton is enabled Jan 5, 2024
Copy link
Contributor

@Akshat55 Akshat55 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@Akshat55 Akshat55 merged commit ebb57a9 into carbon-design-system:master Jan 5, 2024
13 checks passed
@Akshat55
Copy link
Contributor

Akshat55 commented Jan 5, 2024

@abiramcodes We have quite a few other components where we have skeleton issues, would you like to contribute to those as well? 😄

abiramcodes added a commit to abiramcodes/carbon-components-angular that referenced this pull request Jan 5, 2024
@abiramcodes
Copy link
Contributor Author

LGTM!

Great!!! , Thanks

Copy link

github-actions bot commented Jan 5, 2024

🎉 This PR is included in version 5.16.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Multi Dropdown skeleton states is not enabled
2 participants