WordPress/gutenberg

Navigation Submenu block does not render menu item description

Open

#52505 opened on Jul 11, 2023

View on GitHub
 (5 comments) (1 reaction) (0 assignees)JavaScript (9,607 stars) (3,893 forks)batch import
Good First Issue[Block] Navigation[Block] Submenu[Status] In Progress[Type] Bug

Description

Description

Unlike Navigation Link block, the Navigation Submenu block does not render menu item description HTML.

Step-by-step reproduction instructions

  1. In site editor create a navigational menu.
  2. Add a submenu item(s) for one of the menu top level items.
  3. Set a "Description" field for (at least) one of the submenu items.
  4. Edit the parent (top level) menu item and set a "Description" field.
  5. Save the edits and check the front-end display → the description text is not rendered for the parent menu item. The HTML rendering description text is missing.

Screenshots, screen recording, code snippet

No response

Environment info

  • WP 6.2.2
  • with and without Gutenberg 16.1.2

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Contributor guide

Tech stack
javascriptreacthtmlcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
WordPress block developmentReactNavigation block internals
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Investigate how the Navigation Link block renders the description HTML (likely in packages/block library/src/navigation link/index.js). Compare with the Navigation Submenu block rendering code in packages/block library/src/navigation submenu/index.js. The submenu block likely lacks the code that outputs the description. Review the save function and edit function to add description rendering similar to the link block. Check for any existing filters or handling of the description attribute.