[FLEX-35213] Assigned multi line CDATA section to InnerHtml bead causes exception

• Type: Bug
• Status: Resolved
• Priority: Major
• Resolution: Fixed
• Affects Version/s: Apache FalconJX 0.8.0
• Fix Version/s: Apache FlexJS 0.8.0
• Component/s: FlexJS
• Assignee: Alex Harui
• Reporter: Piotr Zarzycki
• Created: 12/Dec/16 07:39
• Updated: 13/Dec/16 07:29
• Resolved: 13/Dec/16 06:52

Description

Assigned multi line CDATA to InnerHtml causes exception in compiled version of application.

In MDL example application following code:

<mdl:CardSupportingText>
    <js:beads>
       <js:InnerHTML>
              <![CDATA[
                                Lorem ipsum dolor sit <b>amet</b>, consectetur <i>adipiscing elit</i>. Mauris sagittis pellentesque lacus eleifend lacinia...
                            ]]>
       </js:InnerHTML>
    </js:beads>
</mdl:CardSupportingText>

Causes an exception:

Cards.js:253 Uncaught SyntaxError: Invalid or unexpected token
MainNavigation.js:613 Uncaught ReferenceError: Cards is not defined
    at MainNavigation.get (MainNavigation.js:613)
    at MainNavigation.org.apache.flex.core.ContainerBase.addedToParent (ContainerBase.js:173)
    at App.org.apache.flex.core.Application.addElement (Application.js:155)
    at App.org.apache.flex.core.Application.initialize (Application.js:69)
    at App.org.apache.flex.core.Application.start (Application.js:279)
    at index.html:227

In the attached screenshot I see that after compile CDATA section couple of "/n" has been added.