Layout Panel Bug? pls help!
Here, how to reproduce it.
1. Create new page (blank)
2. Drag Layout Panel Component onto the page. Position the layout panel, and widen its length and height. Make sure that its style property changed.
3. Run the project. View the page in Firefox or IE.
4. View the source, you will see something similar like:
<div id="form1:layoutPanel1" style="height: 128px; left: 35px; top: 47px; position: absolute; width: 538px" style=" height: 128px; left: 35px; top: 47px; position: absolute; width: 538px"></div>
You see that the generated page has TWO style property! And I believe it's not a valid XHTML 1.0 syntax.
In above example, the firefox is simple denied one of the style statement. But, I have a page which has two different style statement in the same line, where one of the style (the first one) is incomplete. It renders the page incorrectly. While IE will render the last one hence it renders the correct page. To reproduce the bug.. here:
5. Change the panelLayout property of the layout component to Grid Layout.
6. Run the project, view the source, you will see something similar like this:
<div id="form1:layoutPanel1" style="height: 128px; left: 35px; top: 47px; position: absolute; width: 538px" style="position: relative;-rave-layout: grid; height: 128px; left: 35px; top: 47px; position: absolute; width: 538px"></div>
You see that there are two style statement, where the second one is the correct one. In IE, it will use the second one, in FFox it will discard the second one. So, I am helpless here.
Pls.... is this a bug or what? Where can I submit this bug?
