Header labels in AP wrap poorly while dynamically changing the browser size

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.X EE, 7.0.0 DXP SP8, 7.0.0 DXP FP58, 7.0.X, 7.1.10 DXP GA1, 7.1.X, Master
• Fix Version/s: Master
• Component/s: Content Display Widgets > Asset Publisher widget, ~[Archived] WCM > Publication
• Labels:
  • QA-V
• Story Points: 0.25
• Fix Priority: 3

Steps to reproduce:

1. Add a Web Content article
2. On a page, add the Asset Publisher portlet
   • Configure AP portlet > Display Settings > Move all the metadata types to the 'Current' column
   • Save
3. View the labels on the article, resize the browser width larger and smaller than half screen

Expected result:
When the AP portlet is on the left side in the default 30/70 display style, changing the browser width will wrap the metadata labels in a clean way.

Actual result:
The metadata labels group in a strange manner. See attached gif.