tc:message tag does not work with IE

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>&
lt;/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>&
lt;/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 

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
>