Umbraco-cms: Nested Contents add content dialog is behind the header on small screens with many document elements

[webtimisten]

If there is to many document elements and the height of the screen is low, the dialog to add content get behind the header.

I've tried to just change the z-index of the dialog, but that doesn't solve it.

I am seeing this issue on Umbraco version: 8.4.0

[umbrabot]

Hi @webtimisten,

We're writing to let you know that we've added the Up For Grabs label to your issue. We feel that this issue is ideal to flag for a community member to work on it. Once flagged here, folk looking for issues to work on will know to look at yours. Of course, please feel free work on this yourself ;-). If there are any changes to this status, we'll be sure to let you know.

For more information about issues and states, have a look at this blog post

Thanks muchly, from your friendly PR team bot :-)

[markadrake]

@webtimisten, how could I go about reproducing this in the current v8/contrib branch? I tried tonight by adding nested content to a page, and 15+ elements to choose from. Then I decided to copy some of them in the dom inspector just to try and break something.

[markadrake]

Hi @webtimisten, if you have a moment this week could you comment back which version you see the issue in? I'm running the latest release v8.5.3 and I quickly set something up above to test but didn't have the same result. Would love to reproduce it if I can.

_Perhaps we are lucky and it's been resolved already?_

[kjac]

I'm not sure this is an issue any longer. And if #7098 is merged in it certainly won't be 🙂

I'll try to reproduce this later and double check on vLatest.

[kjac]

This is definitively fixed in vLatest:

Thanks for reporting @webtimisten - seems an upgrade will solve your issue 👍

[webtimisten]

I'm so sorry - I haven't tested, if it has been fixed since 8.4. But looking at your ss, it seems like it's fixed :-)

[webtimisten]

I have upgraded my Umbraco from 8.4 to 8.5.4, and it's still a problem.

I have installed the following packages:

• BelleIconPack
• NestingContently
• Matryoshka
• Spectrum Color Picker
• DotSee.AutoNode
• Skybrud.Umbraco.Redirects

I have not made any custom modifications in the Umbraco installation.

As you can see - the bottom of the dialog is also hidden behind umb-editor-footer.

[webtimisten]

@kjac have you tested in 8.5.4 or 8.6?

[nul800sebastiaan]

With vLatest, @kjac meant the upcoming v8,7.0. Sorry I forgot to label this one properly.

[webtimisten]

I have had time to investigate a little further, and unfortunately it's @skttl package, Matryoshka, that is causing the problem with this CSS:

.umb-editor-container { z-index:2; }

[nul800sebastiaan]

Hmm, I can't reproduce in v8.6-RC either, so must have been fixed even earlier.

[nul800sebastiaan]

Ah yes, @webtimisten - that would do it.. z-indexes are so tricky! Make sure to report on his issue tracker! 👍