fix(projects): resolve nested button HTML validation error by nino-chavez · Pull Request #687

fix(projects): resolve nested button HTML validation error by nino-chavez · Pull Request #687 · OpenCut-app/OpenCut

and others added 2 commits

January 29, 2026 14:07

Changed the selection mode wrapper from <button> to <div role="button">
to prevent nested button elements when Checkbox (which renders as a
button internally) is displayed inside the card.

This fixes the HTML validation error: "<button> cannot contain a nested <button>"

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Discovered another instance of nested <button> elements in the
Select All row. Changed to <div role="button"> for consistency
with the project card fix.

Found by: Playwright E2E test for Issue OpenCut-app#675

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

nino-chavez added a commit to nino-chavez/OpenCut that referenced this pull request

Jan 31, 2026

- Add theme toggle to Projects page header (OpenCut-app#689)
- Fix nested button HTML validation errors in header and hero (OpenCut-app#687)
  - Use asChild prop to render Links with button styles
- Add ability to add multiple keyboard shortcuts per action (OpenCut-app#696)
  - New "+" button to add additional shortcuts
  - Replace mode only removes the specific key being edited
  - Right-click to remove a shortcut when multiple exist

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>