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

Bug: Shadow and border artifacts with smooth corner classes #1

Open
anujjoshi63 opened this issue Jan 24, 2025 · 0 comments
Open

Bug: Shadow and border artifacts with smooth corner classes #1

anujjoshi63 opened this issue Jan 24, 2025 · 0 comments
Labels
help wanted Extra attention is needed

Comments

@anujjoshi63
Copy link

Great plugin, instantly makes stuff look better! 👏 However, I encountered a small issue that I wanted to bring to your attention.

Description

When implementing the corner-smoothing plugin with Tailwind CSS, I encountered visual artifacts where:

  1. Box shadows disappear when smooth corner classes are applied
  2. Borders break/disconnect along the smooth corners

Expected Behavior

  • Box shadows should remain visible and properly rendered around the smooth corners
  • Borders should maintain their continuity along the smoothed corners

Current Behavior

  • Box shadows are not visible when smooth corner classes are applied
  • Borders show breaks/disconnects at the corner curves

Steps to Reproduce

  1. Install and configure the corner-smoothing plugin as per documentation
  2. Apply smooth corner classes to an element with box-shadow and border
<div class="smooth-corners shadow-lg border">
  Content
</div>

Observe that the shadow disappears and borders break at corners
@gtokman gtokman added the help wanted Extra attention is needed label Jan 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants