[wp-trac] [WordPress Trac] #39558: A lot of menu classes (and id's) are missing when there's no menu set for a location

[WordPress Trac]

#39558: A lot of menu classes (and id's) are missing when there's no menu set for a
location
---------------------------+-----------------------------
 Reporter:  benoitchantre  |      Owner:
     Type:  enhancement    |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Menus          |    Version:  4.7
 Severity:  normal         |   Keywords:
  Focuses:  template       |
---------------------------+-----------------------------
 When a fallback menu is displayed because no menu is set to a location, a
 lot of the CSS classes are removed, compared to the same menu when the
 location is set.

 Would it be possible for a fallback menu to have the same classes than a
 menu with a location?
 It would allow theme developers to use classes instead of tags to style
 the menu.

 '''Fallback menu'''
 {{{
 <div id="primary-menu" class="menu">
         <ul>
                 <li class="page_item page-item-3"><a
 href="test.dev/accueil/">Accueil</a></li>
                 <li class="page_item page-item-703"><a
 href="test.dev/blog/">Blog</a></li>
                 <li class="page_item page-item-4"><a
 href="test.dev/contact/">Contact</a></li>
                 <li class="page_item page-item-701 current_page_item"><a
 href="test.dev/">Front Page</a></li>
                 <li class="page_item page-item-2
 page_item_has_children"><a href="test.dev/about/">About The Tests</a>
                         <ul class="children">
                                 <li class="page_item page-item-1133"><a
 href="test.dev/about/page-image-alignment/">Page Image Alignment</a></li>
                                 <li class="page_item page-item-1134"><a
 href="test.dev/about/page-markup-and-formatting/">Page Markup And
 Formatting</a></li>
                                 <li class="page_item page-item-501"><a
 href="test.dev/about/clearing-floats/">Clearing Floats</a></li>
                                 <li class="page_item page-item-155"><a
 href="test.dev/about/page-with-comments/">Page with comments</a></li>
                                 <li class="page_item page-item-156"><a
 href="test.dev/about/page-with-comments-disabled/">Page with comments
 disabled</a></li>
                         </ul>
                 </li>
                 <li class="page_item page-item-174
 page_item_has_children"><a href="test.dev/level-1/">Level 1</a>
                         <ul class="children">
                                 <li class="page_item page-item-173
 page_item_has_children"><a href="test.dev/level-1/level-2/">Level
 2</a></li>
                                 <li class="page_item page-item-742"><a
 href="test.dev/level-1/level-2a/">Level 2a</a></li>
                                 <li class="page_item page-item-744"><a
 href="test.dev/level-1/level-2b/">Level 2b</a></li>
                         </ul>
                 </li>
                 <li class="page_item page-item-146"><a href="test.dev
 /lorem-ipsum/">Lorem Ipsum</a></li>
                 <li class="page_item page-item-733"><a
 href="test.dev/page-a/">Page A</a></li>
                 <li class="page_item page-item-735"><a
 href="test.dev/page-b/">Page B</a></li>
         </ul>
 </div>
 }}}

 '''Menu with a location'''
 {{{
 <div class="menu-container">
         <ul id="primary-menu" class="menu">
                 <li id="menu-item-1708" class="menu-item menu-item-type-
 post_type menu-item-object-page menu-item-home current-menu-item page_item
 page-item-701 current_page_item menu-item-1708"><a href="test.dev/">Front
 Page</a></li>
                 <li id="menu-item-1705" class="menu-item menu-item-type-
 post_type menu-item-object-page menu-item-1705"><a
 href="test.dev/level-1/">Level 1</a></li>
                 <li id="menu-item-1706" class="menu-item menu-item-type-
 post_type menu-item-object-page menu-item-has-children menu-item-1706"><a
 href="test.dev/level-1/level-2/">Level 2</a>
                 <ul class="sub-menu">
                         <li id="menu-item-1709" class="menu-item menu-
 item-type-post_type menu-item-object-page menu-item-1709"><a
 href="test.dev/level-1/level-2a/">Level 2a</a></li>
                         <li id="menu-item-1710" class="menu-item menu-
 item-type-post_type menu-item-object-page menu-item-has-children menu-
 item-1710"><a href="test.dev/level-1/level-2b/">Level 2b</a></li>
                 </ul>
                 </li>
                 <li id="menu-item-1713" class="menu-item menu-item-type-
 post_type menu-item-object-page menu-item-1713"><a
 href="test.dev/contact/">Contact</a></li>
         </ul>
 </div>
 }}}

--
Ticket URL: <https://core.trac.wordpress.org/ticket/39558>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform