0

YAP Browser Compatibility

My observations on YAP browser compatibility thus far, after playing with it for a week or so:

[ Firefox 3, OSX + WinXP ]
- Generally OK

[ Chrome, WinXP ]
- Generally OK

[ IE 7, WinXP ]
- Mysterious whitespace inserted in CAJA'ed code, resulting in un-intended spacing around elements.
- CSS background images do not work

[ Safari 3 on OSX ]
- Forms do not work at all (nothing shows after the first opening <form> tag)

How about you guys?

by
6 Replies
  • QUOTE (KenW @ Dec 7 2008, 08:34 PM) <{POST_SNAPBACK}>
    [ Safari 3 on OSX ]
    - Forms do not work at all (nothing shows after the first opening <form> tag)


    Update: looks like forms in Safari 3 have been fixed, woohoo! Well done and a big thank you to whoever made the change! :)
    0
  • Do you have specific example on things that are not working in IE? I know that the background image for <p> does not work, specific examples make things much easier to tackle in subsequent releases.

    I am curious about the extra character mentioned in the original post.
    0
  • QUOTE (SylvioM @ Dec 9 2008, 02:18 PM) <{POST_SNAPBACK}>
    I am curious about the extra character mentioned in the original post.


    Thanks Sylvio. I've made screen caps to illustrate the problem:

    Firstly, in IE7 (Windows XP):



    And this is what the same page looks like in Firefox 3 (OSX):



    Nothing special with the code, just normal HTML stuff like:

    CODE
    <div>
    <h2>Title</h2>
    <dl>
    <dt>ABC</dt>
    <dd>123</dt>
    </dl>
    </div>


    And when I do a "select all", it clearly shows some extra space characters in various places:



    But if I get rid of all formatting spaces like so, it'll get rid of the extra space characters in IE:

    CODE
    <div><h2>Title</h2><dl><dt>ABC</dt><dd>123</dt></dl></div>


    (but surely you'd understand why I'm not doing it this way if I'm the one maintaining the code)

    Any idea why this happens in IE but not in Firefox/Safari? Thanks in advance!
    0
  • I tried this code in a simple app and didn't see the problem, I am using IE 7. I will continue to look into it with a more complex set of HTML tags. Thanks for you quick reply, and if you have published this app anywhere I can also use the real thing.


    CODE
    <div>
    <h2>Title</h2>
    <dl>
    <dt>ABC</dt>
    <dd>123</dt>
    </dl>
    </div>


    SylvioM.
    0
  • QUOTE (SylvioM @ Dec 9 2008, 06:50 PM) <{POST_SNAPBACK}>
    I tried this code in a simple app and didn't see the problem, I am using IE 7. I will continue to look into it with a more complex set of HTML tags. Thanks for you quick reply, and if you have published this app anywhere I can also use the real thing.


    Wow that was quick :)Thanks Sylvio!
    0
  • With the "CSS background images not working in IE", I should add that it is probably due to incorrect decoding process in the IE version of the CAJA client-side engine:

    When I do "view source" in the YAP iframe, I see something like this:

    CODE
    background: transparent url(\'http\\3A//ic.apps.yahoo.com/v1/cache/public/a4WnYR.yoa69ZvMNZBX1TzqMQNhLD.o3RNQQVfjaJSV_Qo_nuX2KIZDDSyy8FA1vcw--\') 0 center no-repeat


    And in Firefox (using firebug: net panel) I see that the background images are fetched correctly:

    CODE
    http://ic.apps.yahoo.com/v1/cache/public/a4WnYR.yoa69ZvMNZBX1TzqMQNhLD.o3RNQQVfjaJSV_Qo_nuX2KIZDDSyy8FA1vcw--


    But not in IE (using Fiddler to capture http traffic):

    CODE
    GET /-5iKker74/YahooFullView/http/3A//ic.apps.yahoo.com/v1/cache/public/FDTJIq2yoa5hS2IiCoxgRWYBKpkdO.c1K0HcNfcFEKW_I7md2X24B3sslOV1glra_g--


    (Note how the protocol part is incorrectly decoded? ("http://" in FF3 vs "http/3A//" in IE7)

    I guess this is why CSS background images do not work in IE.
    0

Recent Posts

in YAP