Themes modal hides admin sidebar sub-menu navigation

[codexdemon]

Hello Team

As this is really awesome as working with the community of wordpress CMS.

While reviewing themes of WordPress Me and my colleague @amolebonde face issue about accessing sub-menu navigation when we are theme detail page WordPress Admin > Appearance > Themes > Theme Details.

Once we are on Theme Detail page then in case if the user wants to access any Sub Menu Navigation it not shows well, which goes behind the popup theme detail page.

For Ref. Screen Shot Attach

Wordpress Version 4.8
Browser Check: SAFARI 10.1.1, Google Chrome 58.0

[adamsilverstein]

The css that causes this in theme.css has an inline comment indicating it was added to keep the overlay over 'WP Pointers':

z-index: 10000; /* Over WP Pointers. */

This was added in r33068, and at the time the issue with the submenus going under the overlay was noted and an attempt to resolve was made in r33111.

These z-index conflicts are very difficult to resolve, maybe we should go back to @obenland's original suggestion to not show pointers when the modal is open?

[yahil]

@adamsilverstein if increased #adminmenuwrap selectors z-index 9990 to 10001 we can solve this issue.

[Girishpanchal]

Hi, @adamsilverstein, Updated theme.css for appearing admin sidebar submenu. Also, Decreased the width of theme overlay for a perfect view of the submenu.

[Girishpanchal]

Hi, @adamsilverstein

For standard view desktop (1920x1080) Reduced the theme overlay width. I saw that the media is working for (min-width: 1680px).

This change is made in regard to standard desktop view.

[chintanmachhi207]

I have add the solution of this issue.

[mp518]

Need to just decrease z-index.i have added :)

[mp518]

z-index decreased

[mp518]

after change screenshot

[chintanmachhi207]

#41155.3 added to fixed this issue.

[subrataemfluence]

Thank you for the patch! I tested it (on 4.8.1) and it is working perfectly.
Also big thanks to @codexdemon for pointing out the issue!

Replying to chintanmachhi207:

#41155.3 added to fixed this issue.

[janak007]

Added refreshed patch

[DrewAPicture]

Assigning to mark the good-first-bug as "claimed".

[worldweb]

Change z-index from 10000 to 9. Tested and works for me.

[worldweb]

Screenshot

[swissspidy]

@worldweb Why did you close this ticket? There was no fix committed here.

[worldweb]

Seems to be done by mistake. Thank you.
Replying to swissspidy:

@worldweb Why did you close this ticket? There was no fix committed here.

[SergeyBiryukov]

Related: [33068] / [33111] for #31544.

[SergeyBiryukov]

#36989 was marked as a duplicate.

[SergeyBiryukov]

#48484 was marked as a duplicate.

[sabernhardt]

#51464 was marked as a duplicate.

[desrosj]

#42595 was marked as a duplicate.

[desrosj]

#51464 was marked as a duplicate.

[ralessio]

Hi, this is my first contribution to WordPress, sorry if I made some mistakes.
Instead, to change the value of the z-index in those classes, I tried a different implementation: I removed the z-index properties because I didn’t see any value in having them.
As you can see, I attached two videos with the current behavior and the fixed behavior.

[sabernhardt]

Related: #58164