Skip to content

Fix React SDK rich text styles#40

Merged
robert-moore merged 1 commit into
mainfrom
agent/fix-react-rich-text
Jul 15, 2026
Merged

Fix React SDK rich text styles#40
robert-moore merged 1 commit into
mainfrom
agent/fix-react-rich-text

Conversation

@robert-moore

Copy link
Copy Markdown
Contributor

Summary

  • Restore dashboard-authored bold, italic, list, link, and media styling inside the React SDK's scoped CSS reset.
  • Match the flow builder's compact rich-text rhythm and add a dedicated playground fixture.
  • Stage the fix for release as @churnkey/react@0.7.2.

Root cause

The universal .ck-cancel-flow * reset applies font: inherit and removes padding. That flattened semantic bold and italic styles and removed list indentation and markers from HTML produced by the dashboard editor.

Impact

Dashboard-configured offer and step copy now renders bold, italic, ordered and unordered lists, links, responsive images, and video consistently in the default React SDK components.

Validation

  • Workspace pre-push typecheck
  • Workspace pre-push tests (React: 224 passed, 8 skipped; MCP: 235 passed)
  • React package and playground production builds
  • Real-browser visual verification using a TipTap-shaped rich-text fixture
  • npm pack --dry-run for @churnkey/react@0.7.2

@robert-moore
robert-moore marked this pull request as ready for review July 15, 2026 20:22
@robert-moore
robert-moore merged commit e829dfd into main Jul 15, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant