• the splitPane js code is settng 0px height on IE8 (but reproducable on chrome with ie8 user agent, so it might be related to the css theme)

• many unchecked uses of addEventListener are causing js errors.

• iscroll4, used by the carousel apparently does not support ie8, and js errors (addEventListener not a property) are seen in the carousel example

notification.xhtml

• works

contactlist.xhtml

• page renders

flip-switch.xhtml

• works

input.xhtml

• works

camcorder.xhtml

• upload was not processed

fieldset.xhtml

• works

menubutton.xhtml

• almost works: styled menu causes javascript error, but menu underneath does not

accordion.xhtml

• mangles page

audio.xhtml

• audio playback is not displayed

microphone.xhtml

• upload not processed

video.xhtml

• video playback is not displayed

panelconfirmation.xhtml

• works but needs border around popup

reality.xhtml

• page is rendered

submitnotification.xhtml

• javascript error

list.xhtml

• works

date.xhtml

• works

tabset.xhtml

• functional but tab click target is not entire tab
• tabs do not wrap as expected

gmap.xhtml

• not tested due to required gmap javascript blocked by test

camera.xhtml

• page renders but upload was not processed

contentstack.xhtml

• page fails when navigated with buttons. Drop down works.

geolocation.xhtml

• canvas map does not render, locate button does not work

dataview.xhtml

• dataview renders but is not interactive

button.xhtml

• works

qrcode.xhtml

• works

carousel.xhtml

• renders but is not interactive

image.xhtml

• works

panelpopup.xhtml

• works but "close popup" causes javascript error

Revision: 35019
Author: philip.breau
Date: May-14-13 5:48:19 PM
Message:
MOBI-736 IE8 support

• fix splitPane

  ---

  Modified : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.splitpane/splitpane.js
  Added : /icemobile/trunk/icemobile/resources/themes/archaic/1_split-pane-ext.css

camera example works on IE8 with h:commandButton.

Testing IE 8 mode on IE 10:

Tabs are displayed, but wrap.

Carousel is not interactive.

DataView is not interactive.

MenuButton has slight styling issue.

Tab wrapping is likely the most critical issue that can be fixed in the short term.

Quirks mode fixes the menuButton styling issue and the accordion issue.

dataView and carousel are also function in IE 10 IE 8 quirks mode.

minor styling issues in flipSwitch are resolved by quirks mode.

Unfortunately actual testing with IE 8 shows problems with the following:

Accordion
Carousel
FlipSwitch appearance
MenuButton appearance
TabSet appearance (wrapping)

(In other words, the "quirks mode" of IE 10 running in IE 8 mode borrows too much from IE 10.)

TabSet wrapping does not occur with iPad theme on IE 8.

Accordion makes use of section tag which is not supported on IE 8. It's not clear that the use of the section tag is necessary since this does not follow the semantic intent of a section.

DataView is using several ECMAscript 5 javascript apis that could easily be avoided, such as Array.filter and Array.map.

http://kangax.github.io/es5-compat-table/#Array.prototype.map

Or we could just use an es5 shim.

Basic IE 8 support is now available. Individual JIRAs will be created for specific issues.

Revision: 39780
Author: philip.breau
Date: January-26-14 4:48:59 PM
Message:
MOBI-736 Support for IE8

• add shim for window.innerHeight, window.innerWidth, window.scrollX, window.scrollY, document.width, and document.height
• adjust shim logic so as not to inadvertently trigger the shim when scrollX, scrollY are 0 on iOS

  ---

  Modified : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.util/component.js