IE11은 JSF 다시 렌더링 시 DOM 구조를 변경합니다.

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

문제

좀 이상하네요. 이에 대한 다른 보고는 본 적이 없습니다. 최근 IE11 사용자로부터 UI 버그가 보고되었습니다. 몇 가지 테스트를 수행한 후 reRender를 수행한 후(저는 A4J를 사용하고 있습니다) IE11이 HTML을 삽입하고 있다는 것을 깨달았습니다. 잘못된 위치에 요소가 있습니다.

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

다시 렌더링한 후에는 이렇게 나타납니다.

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

분명히 레이아웃에 큰 혼란을 일으키고 있습니다.

JSF/HTML 구성 요소를 꽤 많이 혼합하고 있지만 이것이 문제를 일으킬 것이라고 생각하지 않습니까?

이 문제의 원인은 무엇입니까?

JSF 1.2 | Richfaces 3.3 | 페이스 성

도움이 되었습니까?

해결책

다음에 대한 메타 태그 설정을 시도해 보셨나요? IE8 렌더링 모드:

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

내가 들었던 것처럼 RichFaces 3은 최대 Internet Explorer 8, 또는 현재 브라우저 지원을 위해 RichFaces 4로 전환하는 것을 고려할 수도 있습니다.

마이크로소프트:호환성을 보장하는 방법

도움이 되었기를 바랍니다.

다른 팁

Ajax 렌더링에 대한 내 문제는 간단했기 때문에 구현을 변경하기로 선택했지만(모든 양식을 로드하고 jQuery를 사용하여 가시성을 전환함) 이에 대해 약간의 시간을 보냈고 여기에 기여했습니다.

일부 렌더링 문제는 다음 업데이트로 해결될 수 있습니다.https://ruleoftech.com/2015/patching-richfaces-3-3-3-ajax-js-for-ie11 http://ruleoftech.com/2013/patching-richfaces-3-3-3-ajax-js-for-ie9

navigator.userAgent를 사용하여 브라우저를 IE로 설정하는 방법을 변경하여 richfaces-impl.jar org\ajax4jsf\javascript\scripts에 있는 프로토타입.js 패치를 만들 수도 있습니다.

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

이제 브라우저 콘솔에서 Prototype.Browser를 디버깅하면 IE11에 충실하게 됩니다.

RF는 사용 중인 모든 세 번째 라이브러리 스크립트를 '축소'할 수 있다는 점에 유의하세요.
에 로드된 파일을 확인합니다. <head> HTML의.아마도 이러한 모든 변경 사항은 richfaces-impl-3.3.3.Final.jar/org/ajax4jsf/framework.pack.js에서 이루어져야 할 것입니다.

ie11에서 RichFaces 3.3.3을 사용할 수 있도록 Patching-RichFaces-3-3-3-ajax-js-for-ie9 가이드를 사용합니다.나는 방금 ajax.js에 Sarissa 버전 0.9.9.7을 업데이트했습니다.

메타 태그 X-UA 호환이 내 경우에 사용할 수 없었습니다. iframe (자식)에 있었고 메타 태그를 무시했습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top