IE11 cambia la struttura DOM su JSF Rerender

StackOverflow https://stackoverflow.com//questions/22015352

Domanda

Ok un po 'di uno strano qui, IV non ha visto altri rapporti di questo, abbiamo avuto alcuni bug dell'interfacciata riportati da utenti IE11 di recente, dopo aver fatto alcuni test, ho capito che dopo aver eseguito un Rerender (sto usando A4J) IE11Sta mettendo gli elementi HTML nel posto sbagliato, ad esempio. 

<s:div id="parent" rendered="#{someCondition}">
    <div id="brother"></div>
    <div id="sister"></div>
</s:div>
.

appare come questo dopo il reerender 

<s:div id="parent" rendered="#{someCondition}">
    <div id="brother">
        <div id="sister"></div>
    </div>
</s:div>
.

che è ovviamente riprodotto con il layout

Sto mescolando i componenti JSF / HTML un bel po ', ma non pensare che questo dovrebbe causare problemi?

Qualche idea che potrebbe causare questo?

JSF 1.2 |RichFaces 3.3 |.Facelets

È stato utile?

Soluzione

Hai provato a impostare un tag Meta per IE8 Modalità di rendering: 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
.

Come ho sentito anche RichFaces 3 supporta solo fino a Internet Explorer 8, oppure potresti prendere in considerazione la possibilità di passare a RichFaces 4 per il supporto corrente del browser.

Microsoft: ComeGarantire la compatibilità

Spero che questo aiuti.

Altri suggerimenti

Come il mio problema con il rendering ajax era semplice, scelgo di modificare l'implementazione (caricando tutti i moduli e semplicemente attivare la visibilità con jQuery) ma ho trascorso un po 'di tempo con questo, e c'è il mio contributo.

Alcuni dei problemi di render possono essere riparati con questi aggiornamenti: https://ruleoftoch.com/2015/patch -RichFaces-3-3-3-Ajax-JS-for-IE11 http://ruleoftowch.com/2013/patching -RichFaces-3-3-3-Ajax-JS-for-IE9

Puoi anche provare a creare una patch di prototipo.js situato in Richfaces-impl.jar Org \ Ajax4JSF \ JavaScript \ script \ \ script, modificando il metodo che imposta il browser su IE utilizzando Navigator.USERAgent. 

Browser: {
IE: (!!(window.attachEvent &&
    navigator.userAgent.indexOf('Opera') === -1) 
    || (navigator.userAgent.toLowerCase().indexOf("like gecko") > -1 
    && navigator.userAgent.toLowerCase().indexOf("11.") > -1) )
.

Ora, se fai il debug prototipo.Browser alla console del browser che ottieni vero per IE11.

Prestare attenzione che RF può "minificare" tutti gli script della terza libreria che sta utilizzando.
Controllare i file caricati nel <head> dell'HTML. Forse tutti quei cambiamenti dovrebbero essere fatti nella richfaces-impl-3.3.3.final.jar / org / ajax4jsf / framework.pack.js.

Io uso la Guida Patching-Richfaces-3-3-3-Ajax-JS-for-IE9 per essere in grado di utilizzare RichFaces 3.3.3 con IE11.Ho appena aggiornato la versione 0.9.9.7 di Sarissa su Ajax.js.

Il meta tag X-UA-compatibile non può usarlo nel mio caso, era in un iframe (bambino) e ho ignorato il meta tag.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top