Re: [Tobago] tc:message tag does not work with IE

[Bernd Bohmann]

Hello Helmut,

please add a jira issue. I will provide a fix, soon.

Regards

Bernd

Helmut Swaczinna wrote:

Hi,

I encoutered some problems with the tc:messages tag with the IE. First, there's a layout problem, so the message can not be seen, and second, the message is rendered twice. With Firefox everything is ok.

Here's the JSP code:

<f:view>
 <tc:page id="inputPage" width="200px" height="200px">
   <tc:panel id="inputPanel">
     <f:facet name="layout">
       <tc:gridLayout
         rows="fixed;fixed;fixed;*"/>
     </f:facet>
     <tc:selectOneChoice id="in"
       required="true"
       value="#{controller.value}">
       <tc:selectItem itemLabel="" itemValue=""/>
       <tc:selectItem itemLabel="xx" itemValue="xx"/>
     </tc:selectOneChoice>
     <tc:message for="in"/>
     <tc:button label="submit"/>
     <tc:cell/>
   </tc:panel>
 </tc:page>
</f:view>

This is the generated HTML code for IE:
...

<select name="inputPage:in" id="inputPage:in" style="width:200px; height:21px; " class="tobago-selectOneChoice-default tobago-selectOneChoice-error tobago-selectOneChoice-required" title="Eine Auswahl wird benötigt!"

<option value=""
</option><option value="xx"
xx</option></select></div></td></tr><tr
<td class="tobago-gridLayout-cell-td" style="width: 200px; height: 6px;"

<div class="tobago-gridLayout-default tobago-gridLayout-first-column" style="width: 200px; height: 6px;"

<span class="tobago-validation-message" style="width:200px; height:1px; "
<label for="inputPage:in" title="Eine Auswahl wird benötigt!"
Eine Auswahl wird benötigt!Eine Auswahl wird benötigt!</label>

...

You can see, that the height of the message is 1px and the message text is duplicted.

This is the generated HTML code for Firefox:
...

<select name="inputPage:in" id="inputPage:in" style="width:200px; height:18px; " class="tobago-selectOneChoice-default tobago-selectOneChoice-error tobago-selectOneChoice-required" title="Eine Auswahl wird benötigt!"

<option value=""
</option><option value="xx"
xx</option></select></div></td></tr><tr
<td class="tobago-gridLayout-cell-td" style="width: 200px; height: 25px;"

<div class="tobago-gridLayout-default tobago-gridLayout-first-column" style="width: 200px; height: 25px;" <span class="tobago-validation-message" style="width:200px; height:20px; "

<label for="inputPage:in" title="Eine Auswahl wird benötigt!"
Eine Auswahl wird benötigt!</label>

...


Regards,
   Helmut