Extended Profile in wp-admin breaks Users screen CSS

[DJPaul]

On Users > User Profile, the tabs at at top appear broken when on WP's "Profile" tab. When we're on BP's "Extended Profile" tab, it looks fine.

Screenshot ​http://cl.ly/image/253R2r2l0Y0j

Tested on some recent WP 4.4 trunk.

[DJPaul]

Pinging @imath who wrote this and @mercime and @hnla, gurus of CSS. :D

[hnla]

That looks familiar has this not already been ticketed?

The issue is clearing either those tabs need 'clear: both' on the parent ul or clearfix/'overflow: hidden' to contain the li elements, then they should fall below the other element.

[DJPaul]

I don't think it is as easy as that. Those tabs are a bit of a hack, they are two anchors inside a wrapping h2 which is absolutely positioned from the top of the page. 😱

[hnla]

'tsk' I reads 'hack' 'anchors in h2', 'abs pos' :(

Was just having a look as it happens but can't see the issue in wp/bp bleeding edges.

[mercime]

Attached patch fixes the issue caused by the bump in heading levels in WordPress admin panels for a11y, which we will be doing to our BP admin panels as well.

[DJPaul]

Thanks for the patch, mercime,This does fix the issue but the amount whitespace is different on each tab. I'm going to go with the fix in #6631 as that seems to resolve this too.