Fails to render opacity with transition on page load

• Component: Layout and Rendering
• Status: RESOLVED DUPLICATE

[Roland Soos]

Steps to reproduce:
1. Open in Safari https://smartslider3.com/bugs/webkit/divi/index.html
2. You should see white page (If you see the red box, refresh the page, at fist the issue might not happen)

The issue is that the opacity of the red body set to 1 when the page is ready, but Safari fails to apply it.

Expected results: You should see a red box


Video: https://www.youtube.com/watch?v=LV2PyZcXJoE



Tested in Safari 11.1 and Tech Preview 11.2 and happens in both browsers.

[Roland Soos]

Created attachment 338210 [details]
Test case

[Roland Soos]

(In reply to Roland Soos from comment #1)
> Created attachment 338210 [details]
> Test case

Just simplified the test case and this JavaScript gives the wrong result:

<script>
    (function ($) {
        $(document).ready(function () {
            $('#a').addClass('ready');
        });
        $(window).load(function () {
            $('body').css({'display': 'initial'});
        });
    })(jQuery);
</script>

[Radar WebKit Bug Importer]

<rdar://problem/39618626>

[Sam Sneddon [:gsnedders]]

*** This bug has been marked as a duplicate of bug 70595 ***