Bom dia,
Estou utilizando o componente SelectOneMenu com a4j:support, toda alteração que este combo sofrer será efetuada alguma ação, até aqui está tudo ok, no ie7 e firefox. Tentei usar este proceso no ie8 e não dá mais certo, clico para abrir as opções do selectOneMenu mas se eu colocar o mouse em cima de alguma opção o navegador recolhe o SelectOneMenu rapidamente, desta forma nunca consigo alterar a opão do combo. Depois de alguns estudos percebi que é um css que está atrapalhando o SelectOneMenu, o problema é que esse css não faz referencia alguma ao componente mas mesmo assim ele sofre com o css.
É possivel um css causar problemas deste tipo em um componente que não o utiliza?
Tentei trocar alguns atributos do css mas é sem condições, eu teria alguma outra saida?
Interessante, teria como colocar o código da Combo e do CSS ai?
<h:selectOneMenu value="#{assocCliMB.comboSelecionado}" style="color:red">
<f:selectItem itemLabel="#{bundle['combo.selecione']}" itemValue="" />
<f:selectItem itemLabel="#{bundle['combo.associarAtividades']}"
itemValue="01" />
<f:selectItem itemLabel="#{bundle['combo.associarExecutoresAtiv']}"
itemValue="02" />
<f:selectItem itemLabel="#{bundle['combo.associarAcoes']}"
itemValue="03" />
<a4j:support event="onchange" action="#{assocCliMB.limpaObj}"
reRender="assoc01, assoc02, assoc03, assoc04, navBotao"></a4j:support>
</h:selectOneMenu>
e o css
[code]#contentArea {
overflow: auto;
position: fixed;
left: 1px;
bottom: 30px;
right: 0;
top: 50px;
font-family: tahoma;
font-size: 20px;
border: 1px solid red;
}
#footer {
font-family: tahoma;
font-size: 10px;
margin: 0 auto;
position: absolute;
left: 0;
bottom: 0px;
overflow: hidden;
width: 100%;
text-align: center;
height: 23px;
padding: 3px 0 0 0;
border-top: 3px double #BED6F8;
vertical-align: middle;
} [/code]
este css é utilizado para deixar um topo e um rodape fixo e sem barra de rolagem
Fiz alguns testes e sem o css ele funciona normal, é possivel um css bloquear comandos html?