People Directory webpart is not responsive

[eoverfield]

Category

• [X ] Bug

Expected or Desired Behavior

The People Directory webpart should be responsive and work well in mobile as well as desktop based viewports.

Observed Behavior

The alpha list (A-Z) is a fabric pivot which includes a css class, write-space: nowrap, which forces all buttons on one line. No matter the viewport width.

Steps to Reproduce

Add the People Directory webpart to a page, ensure a narrow viewport.

Possible solution

Replace the use of Pivot with a different control. Override pivot css to have normal white-space.