Skip to content

fix: restore Embla carousel parity - #200

Merged
silveltman merged 3 commits into
mainfrom
fix/carousel-visible-slides
Sep 27, 2026
Merged

silveltman merged 3 commits into
mainfrom
fix/carousel-visible-slides

Conversation

@silveltman

@silveltman silveltman commented Sep 27, 2026 •

Copy link
Copy Markdown
Collaborator

Restore the Embla-powered Fulldev UI carousel for shadcn parity and responsive multi-card layouts.

The 0.13.0 Data Slot migration intentionally removed fractional slide widths and made every carousel one full-width slide. That broke full.dev's live project rail, where multiple cards are visible and each card contains a link. This PR restores the previous supported contract:

  • vanilla embla-carousel 8.6.0, no React
  • shadcn-style Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext composition
  • responsive CSS slide widths and track spacing
  • opts API with Embla options and exported CarouselApi, CarouselOptions, CarouselPlugin types
  • carousel:init and carousel:select events with the Embla API
  • keyboard, drag, loop, focus scrolling, reduced-motion and Astro page-swap cleanup
  • no custom observers overriding accessibility state

The earlier multiple and visibility-observer workaround has been removed.

Validation:

  • pnpm registry:build, pnpm build, pnpm check pass.

  • 12 carousel tests pass across Chromium and WebKit, desktop and mobile: drag, loop, vertical navigation, responsive visible links, keyboard focus and Astro cleanup/reinitialization.

  • CodeRabbit local review findings were fixed: generated registry output and the carousel's @lucide/astro dependency are current.

  • Full interaction suite: 112 tests pass.

  • Clean Astro consumer installs through the registry and builds. Real ClientRouter navigation passes 18 round trips across Chromium/WebKit at 390, 768 and 1440 without page errors or duplicated controls.

  • Argos build 24: all 48 captures pass; three differences inspected. Two are intended carousel documentation changes; the third is the asynchronous GitHub star count fallback on Pagination.

Sil authorized merging, releasing and consuming this fix for the full.dev rebuild. The full.dev site itself remains a draft.

@netlify

netlify Bot commented Sep 27, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for fulldev-ui ready!

Name Link
🔨 Latest commit ff11220
🔍 Latest deploy log https://app.netlify.com/projects/fulldev-ui/deploys/6ab92e6c4b460000089753a1
😎 Deploy Preview https://deploy-preview-200--fulldev-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

@silveltman silveltman changed the title fix: keep visible carousel slides interactive fix: restore Embla carousel parity Sep 27, 2026
@silveltman
silveltman marked this pull request as ready for review September 27, 2026 14:51
@silveltman
silveltman enabled auto-merge (squash) September 27, 2026 14:52
@silveltman
silveltman disabled auto-merge September 27, 2026 14:52
@argos-ci

argos-ci Bot commented Sep 27, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build Status Details Updated (UTC)
default (Inspect) 👍 Approved by Sil Veltman (1 comment) 3 changed Sep 27, 2026, 2:57 PM

@silveltman

Copy link
Copy Markdown
Collaborator Author

@coderabbitai Please re-review the current Embla implementation. The observer workaround was removed. Local review findings about generated registry files and the direct icon dependency are resolved; 112 interaction tests pass.

@silveltman
silveltman merged commit cc38ebd into main Sep 27, 2026
7 checks passed
@silveltman
silveltman deleted the fix/carousel-visible-slides branch September 27, 2026 14:59
@github-actions github-actions Bot mentioned this pull request Sep 27, 2026
@coderabbitai

coderabbitai Bot commented Sep 27, 2026 •

Copy link
Copy Markdown

@silveltman I’ll re-review the current Embla implementation. I’ll check the carousel behavior, generated registry files, and direct icon dependency against the latest changes.

⚠️ Action not completed

Pull request is closed.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

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