danagle/ie7-js

Automatically exported from code.google.com/p/ie7-js

ie7-js's Issues

PNG transparency fix not working on dynamically added images

What steps will reproduce the problem?
1. Just change an element's inner html or create an img element via dom and
give a "*-trans.png" filename to its src.

What is the expected output? What do you see instead?
I expect a transparent image but I see a background color instead of
transparency.

What version of the product are you using? On what operating system?
IE8.js, Beta 3, OS: Windows XP, IE 6

Original issue reported on code.google.com by madBYK on 4 Feb 2008 at 12:01

Nested UL error

What steps will reproduce the problem?
1. Create nested List: <ul><li><ul><li><a>some text</a></li><li><a>some 
text</a></li></ul></li></ul> 
2. Hover over the link in nested list on the resulting page
3.

What is the expected output? What do you see instead?
Expected: Nothing. Instead: Hovering over first item in list causes items below 
it to move down 
the page.

What version of the product are you using? On what operating system?
Latest Version. IE6 on XP.

Please provide any additional information below.
Mousing over the link in the first nested li appears to give it a class of 
"ie7_class5 ie7_lass0" and 
somehow this is pushing the next li lower.

Original issue reported on code.google.com by [email protected] on 22 Jan 2008 at 2:19

Resize elements that have a PNG background but no content

Some sites use elements with tiny PNG backgrounds (e.g. for creating a
pretty border effect). The trouble with the PNG fix is that it gives the
target element "layout". The element is then resized as if it had at least
one character as content. The PNG fix should detect empty elements and
resize them to the defined CSS width.

Original issue reported on code.google.com by [email protected] on 21 Jan 2008 at 2:27

fixed png background-positions automaticly snap to top left

What steps will reproduce the problem?
div#background_image {
  background: transparent url(/images/bg-trans.png) no-repeat 10px 10px;
}

What is the expected output? What do you see instead?
Expected output:
Background image position on 10, 10
Current output:
Background image position on 0, 0

What version of the product are you using? On what operating system?
Windows XP (SP2), IE6.0

Original issue reported on code.google.com by [email protected] on 15 Jan 2008 at 12:49

onresize somethimes causes an error

This was posted on the IE7-js google group:

{{{
jxc wrote:
> original script:
> ==================
>     // handle window resize
>     var clientWidth = 0;
>     addResize(function() {
>       var i, wider = (clientWidth < viewport.clientWidth);
> 
> 
> my advice:
> ==================
>     addResize(function() {
>       if (viewport && "clientWidth" in viewport) {
>         var i, wider = (clientWidth < viewport.clientWidth);
>         ...
> 

}}}

It's possible that onresize is firing just before the DOM is ready and
viewport is not set. I have been unable to recreate this bug myself.


http://groups.google.com/group/ie7-js/browse_thread/thread/257af29692a49b38?hl=e
n

Original issue reported on code.google.com by [email protected] on 15 Jan 2008 at 8:33

content bug for external stylesheets

What steps will reproduce the problem?
1. markup a menu using HTML
2. style using CSS that relies on the "content" property
3. link to stylesheet as usual

What is the expected output? What do you see instead?
menu shoul be styled to include the "content" property 
this works if you drop the styles in the page directly, but fails for 
linked and imported stylesheets


What version of the product are you using? On what operating system?
beta 2.0 + IE7

Please provide any additional information below.
i attached an small example

Original issue reported on code.google.com by mca%[email protected] on 7 Jan 2008 at 4:11

Attachments:

• 2008-01-06_content-property-bug.zip

error in IE8.js and IE7.js

What steps will reproduce the problem?
1. Loading the attached testpage

What is the expected output? What do you see instead?
internet explorer 6.0.2800 produce an error which is marked in the status
line and stops executing other js scripts.

error on line 530 in IE8.js (IE7.js)
the object does not support this method or property


What version of the product are you using? On what operating system?
IE7 version 2.0 (beta) Jan 06

Please provide any additional information below.

when you delete the styles in my example, then you get no error.

Original issue reported on code.google.com by [email protected] on 1 Feb 2008 at 11:49

Attachments:

• test.html

Border-spacing doesn't allow different horizontal and vertical spacing

What steps will reproduce the problem?

1. take your example at
http://ie7-js.googlecode.com/svn/test/border-spacing.html
2. change border-spacing: 4em; to border-spacing: 4em 1em;

What is the expected output? What do you see instead?

I expected to get the spacings I chose. I got no spacing at all.

What version of the product are you using? On what operating system?

Using IE8.js from this url :
http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js
Testing with IE7 on windows XP SP2

Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 5 Feb 2008 at 2:49

css compliant newbie question

I am working on updating a client website that uses generated WriteCSS();
command for browser related hacks. I want to update with ie7 coverage but
have not really done this before using js instead of css stylesheet hacks.

could I add your script to the file or is there a better way to use it in
this case.

Sorry for the newbie question, but if you have the time it would be a great
help.



current file set vars:
 // *** BROWSER VERSION ***
    // Note: On IE5, these return 4, so use is_ie5up to detect IE5.
    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);

    var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera")
== -1));
    var is_ie3    = (is_ie && (is_major < 4));
    var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
    var is_ie4up  = (is_ie && (is_major >= 4));
    var is_ie5    = (is_ie && (is_major == 4) && (agt.indexOf("msie
5.0")!=-1) );
    var is_ie5_5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5")
!=-1));
    var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
    var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5);
    var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie
6.")!=-1) );
    var is_ie6up  = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5);

    // Note: Opera and WebTV spoof Navigator.  We do strict client detection.
    // If you want to allow spoofing, take out the tests for opera and webtv.
    var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1) &&
(agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
    var is_nav2 = (is_nav && (is_major == 2));
    var is_nav3 = (is_nav && (is_major == 3));
    var is_nav4 = (is_nav && (is_major == 4));
    var is_nav4up = (is_nav && (is_major >= 4));
    var is_navonly      = (is_nav && ((agt.indexOf(";nav") != -1) ||
                          (agt.indexOf("; nav") != -1)) );
    var is_nav6 = (is_nav && (is_major == 5));
    var is_nav6up = (is_nav && (is_major >= 5));
    var is_gecko = (agt.indexOf('gecko') != -1);

    var is_mac    = (agt.indexOf("mac")!=-1);

    var is_win   = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );

Original issue reported on code.google.com by [email protected] on 7 Jan 2008 at 3:31

"ID element[attribute]" style causes an error when an element with ID doesn't exist on the page

What steps will reproduce the problem?
1. See attached HTML.

What is the expected output? What do you see instead?
Instead of initializing successfully, IE7 reports an "Error: Object doesn't
support this property or method" for the nonexistent ID.

What version of the product are you using? On what operating system?
IE6 on Win2000, also appears in IE5 and IE5.5 under WINE.

Please provide any additional information below.
If the ID exists (even if the element doesn't) there is no error.

Original issue reported on code.google.com by [email protected] on 21 Jan 2008 at 2:46

• Merged into: #6

Attachments:

• index.html

IE7 :empty

What steps will reproduce the problem?
1. http://ie7-js.googlecode.com/svn/test/empty.html

What is the expected output? What do you see instead?
I attach screenshot

What version of the product are you using? On what operating system?
IE5.5, IE6, WinXP

Original issue reported on code.google.com by [email protected] on 7 Jan 2008 at 11:32

Attachments:

• ie7_empty.gif

processing of top right bottom left css properties

What steps will reproduce the problem?
1. open attached example html file
2. compare with other browsers

expected:
IE shows the same as FF and Opera

Original issue reported on code.google.com by rion4ik on 7 Feb 2008 at 11:36

Attachments:

• test.html

# ID selector with a "width" or "height" matching no elements causes script error.

What steps will reproduce the problem?
1. Load attached example file into IE 6.
2. You will get a js error.
   line: 3
   char: 6077
   error: Object doesn't support this property or method.


What is the expected output? What do you see instead?
 - expect to not see js error.


What version of the product are you using? On what operating system?
  IE7.js (beta 2) running in IE 6.0.2900.2180.xpsp_sp2_gdr.070227-2254
  http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js
  http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js

  Bug does not appear with the "live" version:
  http://ie7-js.googlecode.com/svn/trunk/lib/IE8.js


Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 1 Feb 2008 at 5:15

Attachments:

• IE7-ERROR.html

ie7.js breaks when using invalid id's in the CSS file.

When using CSS files with (admittedly), wrong CSS rules, ie.js breaks up.
With a css like this:

#MB_overlay[id] { position: fixed; }

IE complains about javascript errors while parsing the style. I don't
expect it to honor this rule, since it is plain wrong and has been posted
as a separate bug,

http://code.google.com/p/modalbox/issues/detail?id=180

But the point is, I would expect ie7 to graceful recover from this. A
javascript error because the CSS guy misnamed a selector may not be a good
idea.

Original issue reported on code.google.com by [email protected] on 1 Feb 2008 at 4:51

• Merged into: #6

ID+Class selector bug in IE6

If you try this with IE6 :
#my_id{background:red;}
#my_id.my_class{background:green;}
#my_id.my_other_class{background:blue;}

IE6 will apply a red background to these elements :
<div id="my_id" class="my_class"></div>
<div id="my_id" class="my_other_class"></div>

The element will keep the first style defined without the combination of an
ID and a class.


But you can do this :
#my_id{background:red;}
#my_id.my_class{background:green;}

<div id="my_id" class="my_class"></div>

Because there is only one combination of id+class, it works.


Finally, this works :
#my_id div{background:red;}
#my_id.my_class div{background:green;}
#my_id.my_other_class div{background:blue;}

Because the selected element is not directly the ID+Class element, but an
element inside.

Original issue reported on code.google.com by [email protected] on 7 Feb 2008 at 4:31

sIFR3 and DTD together cause exception

What steps will reproduce the problem?

1. View the attached html

What is the expected output? What do you see instead?

IE6 quits script with 'a.clientHeight is null or not an object'

What version of the product are you using? On what operating system?

IE7/IE8 beta 2.0 on IE6 XP SP2

Please provide any additional information below.

Removing the URL in the DTD makes the problem go away except obviously this
means pages don't render correctly

Original issue reported on code.google.com by [email protected] on 9 Jan 2008 at 9:51

Attachments:

• ie7-sifr-dtd.html

Unscrollable Content fix broken

What steps will reproduce the problem?
1. view unscrollable content example in ie 6.0.2900
2. http://ie7-js.googlecode.com/svn/test/unscrollable.html
3. Does not have scroll capability

What is the expected output? What do you see instead?
I expect the page to scroll, it does not have enabled scrollbar. Text runs
off the screen bottom.

What version of the product are you using? On what operating system?
ie 6.0.2900, 128-bit Win XP SP2 using  

Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 7 Jan 2008 at 6:17

Use of pseudo-tag in hierarchical selector causes exception

What steps will reproduce the problem?
1. Take one of the IE7-JS test pages, such as
http://ie7-js.googlecode.com/svn/test/child.html
2. Add the following CSS to the style section:

#test a:hover
{
    background-position: 0px -123px;
}

3. Open the page in IE6.

What is the expected output? What do you see instead?
As these is no body element with the id 'test', nothing should be seen.
However, there should also be no issue in loading the page.

Instead, a JavaScript exception is thrown. Debugging results in the
following problem being highlighted:

Line 529:
var _selectorFunction=function(e0,s){IE7._indexed++;var
r=[],p={},reg=[],d=document;var
e1=IE7._byId(d,'test');if(e1&&e0==d||e0.contains(e1)){var
p2=0,i2,e2,n2=e1.getElementsByTagName('A');for(i2=0;(e2=n2[i2]);i2++){r[r.length
]=e2;if(s)return
e2;}}return s?null:r}

Object doesn't support this property or method on:
if(e1&&e0==d||e0.contains(e1))

What version of the product are you using? On what operating system?
2.0(beta) of IE7-JS, on IE6.0.2900, on Windows XP.

Original issue reported on code.google.com by arcane%[email protected] on 8 Jan 2008 at 6:06

:hover selector pointing to non-existent elements causes errors

What steps will reproduce the problem?
1. Create a page with no element with the ID "header"
2. Add the selector "#header span:hover { color: #fff; }" to your style sheet
"
3. Refresh the page.

What is the expected output? What do you see instead?
Expected: Nothing should happen.
Actual: Two errors:
Object doesn't support this property or method (line 1) (eval code)
Syntax error (line 529) (IE7.js)

What version of the product are you using? On what operating system?
2.0 beta, Windows XP, IE6

Original issue reported on code.google.com by [email protected] on 16 Jan 2008 at 7:42

• Merged into: #6

in

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what operating system?


Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 30 Jan 2008 at 3:23

Floated elements move to the top

What steps will reproduce the problem?
1. Floating to the left and to the right and clearing some divs  (example
attached) 


What is the expected output? What do you see instead?
In my example,Div dNoticiaHome should stay next to div DEventosweb but goes
to the top.
http://www.w3.org/TR/CSS21/visuren.html#floats
2- #  If the current box is left-floating, and there are any left-floating
boxes generated by elements earlier in the source document, then for each
such earlier box, either the left outer edge of the current box must be to
the right of the right outer edge of the earlier box, or its top must be
lower than the bottom of the earlier box. Analogous rules hold for
right-floating boxes. 



What version of the product are you using? On what operating system?
Using ://ie7-js.googlecode.com/svn/trunk/lib/IE8.js
internet explorer 6
windows xp sp1


Thank you Dean!

Original issue reported on code.google.com by [email protected] on 30 Jan 2008 at 11:00

Attachments:

• test.zip

Enhancement: Allow for PNG stretch sizingMethod

At present IE7.js only uses the AlphaImageLoader crop sizingMethod (for CSS
background images), however there are situations where you would want to
use stretch. For example when the background is just a repeated semi
transparent pixel.

You *could* make the assumption that any background that isn't set to
no-repeat should use stretch rather than crop. Or alternatively, allow for
an extra flag in the file name, something like -stretch-trans.png, that
will trigger stretch rather than crop.

What do you think?

Original issue reported on code.google.com by [email protected] on 25 Jan 2008 at 6:41

margin-auto does not work for IE5.x

http://ie7-js.googlecode.com/svn/test/margin-auto.html

Original issue reported on code.google.com by [email protected] on 7 Jan 2008 at 1:38

In IE7 404 error not getting overide (Case-Sensitive urls)

What steps will reproduce the problem?
1.http://<ip>:<port>/app(if http://<ip>:<port>/App not getting redirected 
as configured ,but same thing works in IE6 or any other browser)
2.
3.

What is the expected output? What do you see instead?
It should redirect to the actual page.Giving 404 error instead.

What version of the product are you using? On what operating system?
IE7/Vista

Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 30 Jan 2008 at 3:28

Source file encoding

The file encoding of the source code is not consistent :

line 12, you quote "Gellért Gyuris" encoded in ISO-8859-1
line 2012, "Rainer Åhlfors" encoded in UTF-8

Original issue reported on code.google.com by [email protected] on 13 Jan 2008 at 11:24

:before :after problems with rounded corners on floated list items

What steps will reproduce the problem?
1. Look at the source code at the link provided below
The idea is to get a fluid box with rounded corners and a white border. 
The rounded corners are put above the border using negative margins.

What is the expected output? What do you see instead?
See the following link for a summary of the output and problems
http://www.solberg.se/ie7test/before_after_test.html

What version of the product are you using? On what operating system?
I use 2.0 beta of IE8.js on windows XP, linked from Google.

Please provide any additional information below.
As you can see Firefox, Opera and Safari renders the output equally and 
looks correct. But Internet Explorer 6.0 and 7.0 cannot handle it.

Original issue reported on code.google.com by [email protected] on 29 Jan 2008 at 10:01

width on body

What steps will reproduce the problem?
1. apply with on body (or min-width/max-width)


What is the expected output? What do you see instead?

IE7 and FF etc apply the width properly

What version of the product are you using? On what operating system?

  <!--[if lt IE 8]>
   <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js"
type=
"text/javascript"></script>
   <script
src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/lib/ie7-squis
h.js" type="text/javascript"></script>
  <![endif]-->

IE6 on XP SP2, fully patched

Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 1 Feb 2008 at 3:07

Priority on multiple classes

You can see the problem here : http://essais.pierrebertet.net/IE7/test1.htm

The script used is IE7.js.

CSS :
.test.test2{background:#ccc;}
.test2{background:none;}

HTML :
<div id="group-2" class="test test2">
[...]
</div>

In all browsers, the second element has a grey background.

In IE6 with the script, the background is "none".

Original issue reported on code.google.com by [email protected] on 10 Jan 2008 at 11:47

Position:fixed, 'left' and 'cut' bugs

What steps will reproduce the problem?
1. position:fixed for some box.
2. make the box 'left:20%' for example;
3. see its only 20px from the left, always. this is not so for 'right:20%'


What version of the product are you using? On what operating system?
- tested on IE6 (multiple IE's version), under WinXP.
- IE7.JS ver 2.0 (beta)

Original issue reported on code.google.com by [email protected] on 9 Jan 2008 at 9:29

Attachments:

• posFixedPosBug.html