[wp-trac] [WordPress Trac] #32664: Customizer Menus: menu items are cut off in IE8

WordPress Trac noreply at wordpress.org
Wed Jun 17 01:57:26 UTC 2015

#32664: Customizer Menus: menu items are cut off in IE8
 Reporter:  designsimply  |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Customize     |    Version:  trunk
 Severity:  normal        |   Keywords:
  Focuses:  ui            |
 Steps to reproduce:

 1. Install WP r32806 or later
 1. Go to Appearance > Customizer > Menus using IE8

 '''Result:''' formatting problems appear in IE8 for the menu items in the
 main panel and in the '+ Add Items' slide-out panel.

 /hat tip ocean90 for the original report, notes, and images:

 > This issue belongs to all sections and is probably an issue with #31336


 /hat tip afercia for:

 > IE 8 doesn't understand `calc()`, providing a % width or in pixels will
 fix the first issue in the first screenshot:


 #customize-theme-controls .accordion-section-content {
         margin: 0;
         position: absolute;
         left: 100%;
         top: 0;
         width: IE 8 width here; <--
         width: -webkit-calc(100% - 24px);
         width: calc(100% - 24px);
         padding: 12px;

 > About the second issue, looks like `.menu-item-handle` is inheriting
 from `/wp-admin/css/nav-menus.css` a 382px width not sure why IE 8 doesn't
 get the override in

 .wp-customizer .menu-item-bar .menu-item-handle {
         max-width: 100%;

 > changing max-width in width fixes it.

 Originally reported in https://github.com/voldemortensen/menu-

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

More information about the wp-trac mailing list