Problems with Safari and a4j:support

[danielmargreth]

The following snippet works in all major browsers except for Safari (3.1.2).

<h:form>
 <h:selectOneMenu id="selectOneMenu" required="true">
 <f:selectItem itemValue="value 1" />
 <f:selectItem itemValue="value 2"/>
 <f:selectItem itemValue="value 3"/>
 <f:selectItem itemValue="value 4"/>
 <a4j:support event="onchange" reRender="selectOneMenu, error"/>
 </h:selectOneMenu>

 <a4j:outputPanel id="error">
 <h:message for="selectOneMenu"/>
 </a4j:outputPanel>
</h:form>

In Safari I always get the errormessage that a value is required for selectOneMenu.

If I change the javascript event from onchange to onblur the snippet is also working in Safari (but of course with the sideeffect that you have to leave the component before the javascript event is fired)

I tested it with several version of richfaces (at the moment 3.2.2.RC1)

Any help is welcome.
Thanks
Daniel

[ilya_shaikovsky]

seems that in safary event onchange fired before the new value set. If so - we could do nothing with this.

[danielmargreth]

I've found a workaround:

if you change the line

<a4j:support event="onchange" reRender="selectOneMenu, error"/>

to

<a4j:support event="onchange" onchange="this.blur()" reRender="selectOneMenu, error"/>

it works