Skip to content

[Doc Update] [console] 🐛 Fix button nesting violation in MissionRow #1148

@github-actions

Description

@github-actions

📝 Documentation Update Needed

A pull request was recently merged that may require documentation updates.

Source PR

PR Summary

Fixes React DOM nesting violation in Missions.tsx where a button element was nested inside another button, replacing the outer button with an accessible div element.

Changes Overview

  • Changed outer button in MissionRow to (div) with proper accessibility attributes
  • Added role="button", tabIndex={0}, onKeyDown handler for keyboard interaction
  • Maintained inner log toggle as proper (button) element
  • Eliminates validateDOMNesting console warnings
  • Preserves full functionality with improved HTML structure

Files Changed

10-29 lines changed in web/src/components/Missions.tsx


Action Required: The technical documentation writer agent will review this PR and identify specific documentation pages that need updates, then create a PR with the necessary changes.

/cc @technical-doc-writer

AI generated by scan-merged-prs

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions