elements inside ui-view are not considered as child elements?

I have the following markup.

<div id="map-canvas" class="map">
            <div ui-view></div>
        </div>

The elements that are inside the ui-view are not treated as child elements of the map div. i.e i can click through them to the map. Are the elements only added the first time the map is initialized? Because i am initializing the map one time in the parent view controller and getting the reference in all the child controllers. Because in my project i wanted to have map as a main view and place elements on it using different states by employing angular ui-routing.

if i set the height of ui-view div to 100% then i can not select the map but can select elements in the ui-div.

[FatalTouch]

@Nadejde This is the modified js i am using right now. try to see if this works for you.

https://drive.google.com/file/d/0B8rNr_oqeCv0NU80NUN5enk5eGM/view?usp=sharing

[Nadejde]

It wasn’t because of the directive. It was because the object was outside the screen when the map was loaded. Will update if I figure it out. Thank you again.