Details
-
Type:
Bug
-
Status: Closed
-
Priority:
Major
-
Resolution: Fixed
-
Affects Version/s: 1.0 Beta
-
Fix Version/s: 1.0 Final
-
Component/s: None
-
Labels:None
-
Environment:ICEmobile, IE
Description
ICEmobile has not been extensively tested on IE. There are a variety of style and behavioral issues.
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion
I scrubbed the device themes to be more IE 8 and 9 friendly. Some notes on the process.
IE 9
- Generally good css2 and 3 selector support so most theme worked out of the box
- Does not support standard gradient css attributes. The following are needed:
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', EndColorStr='#7B7B7B');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', EndColorStr='#7B7B7B')"; - Gradient fill and rounds corners don't work like they do in webkit. The border will not clip the gradient fill. The only way around this is to alter the renders to have two div with the inner gradient having a overflow:hiddent attribute.
- As a result some gradients where removed from the iOS themes in favour of roundness.
IE 8
- gradient support as described above
- no rounded corner support
- limit css selector support, for example :first-child but not :last-child
- rework some css rules, flip-switch required the most work.
Show
Patrick Corless
added a comment - I scrubbed the device themes to be more IE 8 and 9 friendly. Some notes on the process.
IE 9
Generally good css2 and 3 selector support so most theme worked out of the box
Does not support standard gradient css attributes. The following are needed:
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', EndColorStr='#7B7B7B');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F2F2F2', EndColorStr='#7B7B7B')";
Gradient fill and rounds corners don't work like they do in webkit. The border will not clip the gradient fill. The only way around this is to alter the renders to have two div with the inner gradient having a overflow:hiddent attribute.
As a result some gradients where removed from the iOS themes in favour of roundness.
IE 8
gradient support as described above
no rounded corner support
limit css selector support, for example :first-child but not :last-child
rework some css rules, flip-switch required the most work.
Completed basic IE 7,8 and 9 support.
Show
Patrick Corless
added a comment - Completed basic IE 7,8 and 9 support.
geolocation page contained a JavaScript call to "console". This has been removed.