Bug 247578 - Embedded tweets on css-tricks page don't show until a window resize in Safari (works in other browsers)
Summary: Embedded tweets on css-tricks page don't show until a window resize in Safari...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: WebCore Misc. (show other bugs)
Version: WebKit Local Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2022-11-07 11:06 PST by Simon Fraser (smfr)
Modified: 2023-08-15 00:12 PDT (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Simon Fraser (smfr) 2022-11-07 11:06:40 PST
Load https://css-tricks.com/is-there-too-much-css-now/ and note the missing space where the embedded tweets should go.

If you resize the window, the tweets show up.
Comment 1 Radar WebKit Bug Importer 2022-11-07 11:07:05 PST
<rdar://problem/102050205>
Comment 2 Karl Dubost 2023-08-15 00:12:33 PDT
Putting here the steps to reproduce and test what is happening. 

This is the function removing the blockquote

function(t, e, n) {
    var r = n(17);
    t.exports = function(t) {
        return r.write(function() {
            t && t.parentNode && t.parentNode.removeChild(t)
        })
    }
}

In https://platform.twitter.com/widgets.js

To test it. 
1. Put a Subtree Modified breakpoint on <div class="wp-block-embed__wrapper"> 
2. Reload the page
3. Then once it breaks, go back to the Element tab
4. Add a Node Removed on blockquote
5. Disable the Subtree Modified from the parents
6. Continue
7. It breaks on the function above. t being the blockquote