Skip to content

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

@anujjoshi63

Description

@anujjoshi63

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    help wantedExtra attention is needed

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions