@csuwildcat: display: none removes the whole subtree from the render/layout tree. Visibility is harder/slower because sub-elements can reset
-
-
Replying to @slightlylate
@slightlylate yeah, I know those details & differences, I'm trying to understand if there's a tipping point between use of one vs the other2 replies 0 retweets 0 likes -
Replying to @csuwildcat
@slightlylate my use case: have a DOM that's very large, separated into about 12 panes, and 5 modals. Wondering if display none is worth it1 reply 0 retweets 0 likes -
Replying to @csuwildcat
@csuwildcat : very likely, but why is it all in the DOM all the time? Big DOMs make slow apps.1 reply 0 retweets 0 likes -
Replying to @slightlylate
@slightlylate I'm curious, are you saying you'd snapshot the innerHTML and remove the unseen elements altogether?1 reply 0 retweets 0 likes -
Replying to @csuwildcat
@slightlylate it's like app panes, so the user can animate them in at any time2 replies 0 retweets 0 likes -
Replying to @csuwildcat
@slightlylate also, they're all position absolute; not sure how many browsers are smart enough not to cascade a recalc with them out-of-flow1 reply 0 retweets 0 likes -
Replying to @csuwildcat
@csuwildcat : that'll give you some layout isolation, but it doesn't affect style recalc.1 reply 0 retweets 0 likes -
Replying to @slightlylate
@slightlylate huh, so a recalc raised from a position isolated content area still causes other isolated areas to compute layout?1 reply 0 retweets 0 likes -
Replying to @csuwildcat
@slightlylate that makes me sad, seems unnecessary :/2 replies 0 retweets 0 likes
@csuwildcat : style recalc happens relative to the DOM structure, not the layout tree structure; this is how visibility flipping works.
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
& Web Standards TL; Blink API OWNER
Named PWAs w/
DMs open. Tweets my own; press@google.com for official comms.