U4-11185 - Property editor overlaps tab overflow menu

Created by Steven Harland 05 Apr 2018, 20:22:21 Updated by Sebastiaan Janssen 30 Jul 2018, 15:05:49

Tags: PR

Screenshot attached. Noticed this with Stacked Content but could also affect other property editors if they're using z-index in their CSS.

If you look at the CSS you will see that .dropdown-menu has a z-index of 1000 so you'd expect it to appear above most things. However, the dropdown has an ancestor .umb-nav-tabs which has a z-index of 10 which creates a new stacking context. In the Stacked Content example one of the elements also has a z-index of 10 and so it overlaps because it appears later in the markup.

1 Attachments


Steven Harland 05 Apr 2018, 20:27:38

PR: https://github.com/umbraco/Umbraco-CMS/pull/2566

Priority: Normal

Type: Bug

State: Fixed


Difficulty: Easy

Category: UI

Backwards Compatible: True

Fix Submitted: Pull request

Affected versions: 7.10.1

Due in version: 7.12.0


Story Points: