MDL Components do not accept dynamically changing className after native MDL library upgrade

[piotrzarzycki21]

Each MDL component is passing through upgrading which in some cases adding additional container which is not part of Royale.

Having following code:

<js:View>
     <mdl:NavigationLayout currentState="Examples" className.Examples="examplesBackground"> 
    </mdl:NavigationLayout> 
</js:View>

Should be translated to:

<div>
   <div class="examplesBackground"></div>
</div>

BUT after translation it looks like that:

- This ELEMENT is not a Royale creation. It doesn't have royale_wrapper.

In the results of switching to between different states which are changing className, UIBase is calling property parent. Unfortunately since parent is not an Royale component parent is undefined all the time.

<mdl:NavigationLayout currentState="Snippets" className.Snippets="snippetsBackground"> 
    </mdl:NavigationLayout> 

[piotrzarzycki21]

The general solution is ready. I have applied fix for NavigationLayout only. It will be applied to other places if needed. I'm closing that one.