Discussion :

[fjouatte]

Bonjour,

Je rencontre un souci avec IE 8 et une suggestionBox.

Sous Firefox, la box fonctionne très bien.

Sous IE 8, le problème vient des scrolls. Quand je clique sur un des scroll de ma suggestionBox, l'action se déclenche ...

N'étant pas un spécialiste, je ne vois pas ce qui entraine ce comportement.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<rich:suggestionbox id="suggestionBoxActivite" nothingLabel="#{messages['pages.tarif.identificationEntreprise.activiteSuggest.nothingLabel']}" cellpadding="5" width="400" rendered="#{ not operationContrat.modeConsultation}"
			                    minChars="3" suggestionAction="#{identificationEntrepriseModule.activitesSuggest}"  var="activite" for="activiteInputSuggestDisplay" fetchValue="#{activite.libelle}">
	            <h:column>
	            	<h:outputText value="#{activite.libelle}" />
	            </h:column>
	            <a4j:support id="event-OnSelectSuggestionBoxActivite" ajaxSingle="true" event="onselect" reRender="identificationEntrepriseForm, messages" focus="activiteInputSuggestDisplay" eventsQueue="queueTarif">
	            	<f:setPropertyActionListener value="#{activite.code}" target="#{identificationEntrepriseModule.activiteCode}" />
	            	<f:setPropertyActionListener value="#{activite.libelle}" target="#{identificationEntrepriseModule.activiteLibelle}" />
	            </a4j:support>
</rich:suggestionbox>

J'espère que quelqu'un pourra m'aider.

Par avance, merci !

Cordialement,

Florent Jouatte

[Roger_Rabbit]

Il est possible qu'un élément lié à l'action déborde sur la scroll.
Il arrive en effet parfois que les éléments HTML générés par les composants Richfaces ne soient pas tout à fait identiques d'un navigateur à l'autre, et c'est spécialement vrai pour IE. J'ai eu un problème similaire avec une rich:extendedDataTable dont une <div> (dont je n'avais pas vraiment compris l'intérêt) débordait sur le sélecteur de tri, rendant ce dernier inopérant : le clic était "capté" par la div.

Pour vérifier, un inspecteur de page (firebug, ou l'inspecteur fourni de base avec chrome ou firefox 11+) devrait t'aider.

Si je me souviens bien, la solution a été de changer le z-index de la div en question pour la balancer loin derrière (je n'ai malheureusement plus le code sous la main!).

Voilà, j'espère que ça t'aidera.