Group top nav dropdown drops behind form field

The new group settings top nav dropdown falls behind one of the group settings fields. I did a hard refresh to ensure it wasn't just bad cached CSS since the RC deploy.

cc/ @jschatz1

Milestone changed to 8.8

This is because .input-group .form-control(input element) is in its own stacking context of value 2 and .layout-nav(navigation bar) is in its own stacking context of value 1. Therefore .dropdown-menu(dropdown list) with z-index: 9; will not be above the input element.

I can perform the change but was wondering on how you would rather go about it as I'm not yet experienced enough with the interface to know where else these classes appear?

I can either change .layout-nav to declare z-index: 3;.

Or, I can change .input-group .form-controlto declare z-index: 0;(or remove the declaration all together).

Reassigned to @iamphill

mentioned in merge request !4176 (merged)

mentioned in commit 56c00d1c

Status changed to closed by merge request !4176 (merged)

mentioned in commit 820470af