To reproduce this bug just define a component (MyComponent) with an area (Area1) which has another area (Area2) nested inside
+ + Area2.
When the component (MyComponent) is first added on the page, I can see the green frame from the Area1 but I cannot see the green frame for editing Area2.
But if I inspect the html of the page I can see that the green frame of Area2 is there but it has the style property set to "display: none;".
I have attached one image of Area1 (with the label 'Article Lower Area') without any visible nested area inside and another image with the actual html.