nihavend opened a new issue #737: Inner states breaks the layout functionality
URL: https://github.com/apache/royale-asjs/issues/737
 
 
   For the source (1) below the view is correct as expected : 
   
   
![image](https://user-images.githubusercontent.com/5983818/75442497-a9e83c80-5970-11ea-818c-c040cfec091c.png)
   
   (1)
   ```
        <s:Group id="mainApp" width="100%" height="100%" 
excludeFrom="loggedOutState, dummyState">
                <s:Button id="jobListDetail" width="200" 
label="jobdetail:JobListWithDetails" excludeFrom="anaSayfaState, 
jobDetailState, loggedOutState, dummyState" />
        </s:Group>
   ```
   
   I thought that the parent container "mainApp" exclude states not needed  to 
exist in the inner component "jobListDetail" because it should inherit from the 
parent.
   
   Than remove it as below and the view is broken (2): 
   
   
![image](https://user-images.githubusercontent.com/5983818/75442784-372b9100-5971-11ea-8598-86316ee9ed1d.png)
   
   (2)
   ```
        <s:Group id="mainApp" width="100%" height="100%" 
excludeFrom="loggedOutState, dummyState">
                <s:Button id="jobListDetail" width="200" 
label="jobdetail:JobListWithDetails" excludeFrom="anaSayfaState, 
jobDetailState" />
        </s:Group>
   ```
   
   js view : 
   
   
![image](https://user-images.githubusercontent.com/5983818/75442833-48749d80-5971-11ea-95a3-126f9f2e8348.png)
   
   Full source for the test case : 
   
   ```
   <?xml version="1.0" encoding="latin5" ?>
   
   <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
                           xmlns:s="library://ns.apache.org/royale/spark"
                           xmlns:mx="library://ns.apache.org/royale/mx"
                           height="600" width="800"
                           currentState="anaSayfaState">
   
        <s:states>
                <s:State name="loggedOutState"/>
                <s:State name="loggedInState"/>
                <s:State name="anaSayfaState"/>
                <s:State name="dummyState"/>
        </s:states>
        
        <fx:Script>
                <![CDATA[
   
                        
                        protected function 
button1_clickHandler(event:MouseEvent):void {
                                currentState = "loggedInState";
                        }
                        protected function 
button2_clickHandler(event:MouseEvent):void {
                                currentState = "anaSayfaState";
                        }
                        protected function 
button3_clickHandler(event:MouseEvent):void {
                                currentState = "loggedOutState";
                        }
                        
                ]]>
        </fx:Script>
        
        <s:layout>
                <s:VerticalLayout gap="10" paddingRight="10" paddingLeft="10" 
paddingTop="10" paddingBottom="20" />
        </s:layout>
        
        <s:Button id="button1" width="200" label="Login State" 
click="button1_clickHandler(event)"/>
        <s:Button id="button2" width="200" label="AnaSayfa State" 
click="button2_clickHandler(event)"/>
        <s:Button id="button3" width="200" label="Logout State" 
click="button3_clickHandler(event)"/>
        
        <s:Group id="mainApp" width="100%" height="100%" 
excludeFrom="loggedOutState, dummyState">
                <s:Button id="jobListDetail" width="200" 
label="jobdetail:JobListWithDetails" excludeFrom="anaSayfaState, 
jobDetailState, loggedOutState, dummyState" />
        </s:Group>
        
        
   </s:Application>
   ```
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
[email protected]


With regards,
Apache Git Services

Reply via email to