Have you run a design prototype and found that some of your elements are not showing up when expected?
Why It Happens
When a 'screen' is displayed, only the elements that are completely contained within that screen are displayed. Elements that just overlap are not displayed.
This problem most commonly occurs when an element is accidentally positioned or sized such that it extends beyond the screen bounds. Even a single pixel out of bounds will be enough so this can sometimes be hard to spot when putting the design together.
This simple example with just 2 elements, a Menu Bar on a Frame Window, illustrates the problem:
The flaw in the design above may be quite clear in this screenshot but this is not always the case. Here's a close up of the problem where the Menu Bar extends beyond the containing Frame Window bounds:
When this design is run, it appears like this with the Menu Bar missing:
To fix this problem:
- Locate the element within your design that is not showing up.
- Check whether it is extending beyond the screen boundary.
- Adjust the size and position of the element or its containing screen so that it fits properly.