Catrope has uploaded a new change for review.
https://gerrit.wikimedia.org/r/98598
Change subject: Make OO.ui.Frame.static.transplantStyles time out after 5
seconds
......................................................................
Make OO.ui.Frame.static.transplantStyles time out after 5 seconds
If the iframe's CSS doesn't load in 5 seconds, transplantStyles()
will give up and execute the callback anyway. This is to prevent
situations where the callback never executes because the iframe
is display: none; in Firefox or something.
Change-Id: I122b90f60a575fce67f72fb26cad3b555f1c1289
---
M src/OO.ui.Frame.js
1 file changed, 25 insertions(+), 6 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/98/98598/1
diff --git a/src/OO.ui.Frame.js b/src/OO.ui.Frame.js
index 6a761fe..71c55f7 100644
--- a/src/OO.ui.Frame.js
+++ b/src/OO.ui.Frame.js
@@ -51,6 +51,10 @@
* frame's document. It then polls the document to see when all styles have
loaded, and once they
* have, invokes the callback.
*
+ * If the styles still haven't loaded after a long time (5 seconds by
default), we give up waiting
+ * and invoke the callback anyway. This protects against cases like a display:
none; iframe in
+ * Firefox, where the styles won't load until the iframe becomes visible.
+ *
* For details of how we arrived at the strategy used in this function, see
#load.
*
* @static
@@ -59,9 +63,10 @@
* @param {HTMLDocument} parentDoc Document to transplant styles from
* @param {HTMLDocument} frameDoc Document to transplant styles to
* @param {Function} [callback] Callback to execute once styles have loaded
+ * @param {number} [timeout=5000] How long to wait before giving up (in ms).
If 0, never give up.
*/
-OO.ui.Frame.static.transplantStyles = function ( parentDoc, frameDoc, callback
) {
- var i, numSheets, styleNode, newNode, timeout, pollNodeId,
$pendingPollNodes,
+OO.ui.Frame.static.transplantStyles = function ( parentDoc, frameDoc,
callback, timeout ) {
+ var i, numSheets, styleNode, newNode, timeoutID, pollNodeId,
$pendingPollNodes,
$pollNodes = $( [] ),
// Fake font-family value
fontFamily = 'oo-ui-frame-transplantStyles-loaded';
@@ -93,7 +98,7 @@
if ( callback ) {
// Poll every 100ms until all external stylesheets have loaded
$pendingPollNodes = $pollNodes;
- timeout = setTimeout( function pollExternalStylesheets() {
+ timeoutID = setTimeout( function pollExternalStylesheets() {
while (
$pendingPollNodes.length > 0 &&
$pendingPollNodes.eq( 0 ).css( 'font-family' )
=== fontFamily
@@ -103,12 +108,26 @@
if ( $pendingPollNodes.length === 0 ) {
// We're done!
- $pollNodes.remove();
- callback();
+ if ( timeoutID !== null ) {
+ timeoutID = null;
+ $pollNodes.remove();
+ callback();
+ }
} else {
- timeout = setTimeout( pollExternalStylesheets,
100 );
+ timeoutID = setTimeout(
pollExternalStylesheets, 100 );
}
}, 100 );
+ // ...but give up after a while
+ if ( timeout !== 0 ) {
+ setTimeout( function () {
+ if ( timeoutID ) {
+ clearTimeout( timeoutID );
+ timeoutID = null;
+ $pollNodes.remove();
+ callback();
+ }
+ }, timeout || 5000 );
+ }
}
};
--
To view, visit https://gerrit.wikimedia.org/r/98598
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I122b90f60a575fce67f72fb26cad3b555f1c1289
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: Catrope <roan.katt...@gmail.com>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
