Skip to content

feat(carousel): add fade transition option#159

Open
danish17 wants to merge 4 commits into
developfrom
feat/fade-transition
Open

feat(carousel): add fade transition option#159
danish17 wants to merge 4 commits into
developfrom
feat/fade-transition

Conversation

@danish17

@danish17 danish17 commented Jul 3, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Adds a Transition setting (Slide | Fade) to the carousel block, backed by embla-carousel-fade, wired the same way as the existing Autoplay plugin.
  • Fade forces align/containScroll/dragFree/slidesToScroll to compatible values under the hood and hides the now-irrelevant inspector controls when active.
  • Editor canvas loads the same plugin so the fade preview matches the frontend (WYSIWYG).
  • Includes a deprecated save() entry so posts saved before this change keep validating.

Test plan

  • npm run lint:js
  • npm run lint:js:types
  • npm run test:js (132 passing)
  • npm run build
  • Manual check in a WP env: add a carousel, switch Transition to Fade, confirm editor preview and frontend behavior match, and that Autoplay still works alongside Fade

danish17 added 4 commits July 3, 2026 17:03
Needed to implement the fade transition option for the carousel block.
Adds a Transition setting (Slide | Fade) backed by embla-carousel-fade,
wired the same way as the existing Autoplay plugin. Fade forces
align/containScroll/dragFree/slidesToScroll to compatible values under
the hood and hides the now-irrelevant inspector controls. Editor canvas
loads the same plugin so the fade preview matches the frontend.

Includes a deprecated save() entry so posts saved before this change
keep validating.
Covers the transition attribute/context shape, the Fade plugin being
pushed only when transition is fade, and the inspector hiding
slide-only controls when fade is active.
@danish17 danish17 self-assigned this Jul 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant