Bug Tracker

#4405 closed bug (wontfix)

Opened March 23, 2009 03:05PM UTC

Closed May 06, 2009 04:31PM UTC

<li> list-styles don't show up right after fadeIn() on ie7

Reported by: jettero Owned by:
Priority: minor Milestone: 1.4
Component: core Version: 1.3.2
Keywords: fadein ie Cc:
Blocked by: Blocking:
Description

It could be user-error, but I don't think so.

If I change this fadeIn to a slideDown, it works great. But if I use the fadeIn on IE, the list numbers are missing. :(

    <head>
        <title>Hiding ol test</title>
        <script src="/jquery.js"></script>
    </head>
    <body>
        <p> In IE (but not firefox), the list-style for the li tag turns to "none..." why? </p>

        <p> test 1 </p>
            <ol>
                <li> test </li>
                <li> test </li>
            </ol>

        <div class="readmore">
            <p> test 2 </p>
                <ol>
                    <li> test </li>
                    <li> test </li>
                </ol>
        </div>

        <script language="javascript">
            $(document).ready(function() {
                $("div.readmore").find("p, ol").hide();

                $("div.readmore").prepend("<p class='readmore'>(<a href='#'>readmore</a>)</p>");
                $("div.readmore p.readmore").click( function(e) {
                    $(this).parent().find("p, ol").fadeIn("slow");
                    $(this).remove();
                    e.preventDefault();
                });
            });
        </script>
    </body>
</html>
Attachments (0)
Change History (2)

Changed March 23, 2009 03:08PM UTC by jettero comment:1

I have posted an example of precisely what I mean for your clicking pleasure:

http://mei.net/~paul/missing_numbers.html

Changed May 06, 2009 04:31PM UTC by brandon comment:2

resolution: → wontfix
status: new → closed

This appears to be an issue with the AlphaFilter transform in IE. If you apply opacity directly to the OL the numbers disappear. If you apply the opacity to a parent, then it is okay. Please fadeIn the parent as a workaround to this IE issue. Not sure we can reliably fix this in jQuery core. We could potentially wrap the OL in a div or just apply the opacity to the parent... both have fairly significant implications.