Bug 184728 - Fails to render opacity with transition on page load
Summary: Fails to render opacity with transition on page load
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 11
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-04-18 05:08 PDT by Roland Soos
Modified: 2018-04-20 23:41 PDT (History)
6 users (show)

See Also:


Attachments
Test case (730 bytes, text/html)
2018-04-18 05:28 PDT, Roland Soos
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Roland Soos 2018-04-18 05:08:42 PDT
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.
Comment 1 Roland Soos 2018-04-18 05:28:45 PDT
Created attachment 338210 [details]
Test case
Comment 2 Roland Soos 2018-04-18 05:29:46 PDT
(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>
Comment 3 Radar WebKit Bug Importer 2018-04-20 23:41:03 PDT
<rdar://problem/39618626>