From ce5aa9fb7ab4db4cfb9db3208e5a989e150387db Mon Sep 17 00:00:00 2001
From: Christopher Willis-Ford <cwillisf@media.mit.edu>
Date: Wed, 13 Mar 2019 11:09:36 -0700
Subject: [PATCH] Fix ScratchImage visibility check on Windows Firefox ESR

---
 src/components/scratch-image/scratch-image.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/scratch-image/scratch-image.jsx b/src/components/scratch-image/scratch-image.jsx
index 32ba2ace8..387c77fd8 100644
--- a/src/components/scratch-image/scratch-image.jsx
+++ b/src/components/scratch-image/scratch-image.jsx
@@ -106,8 +106,9 @@ class ScratchImage extends React.PureComponent {
                         return (
                             <img
                                 src={this.state.imageURI}
-                                // the element must have non-zero size for VisibilitySensor to work before image load
-                                style={{minWidth: '1px', minHeight: '1px'}}
+                                // The element must have non-zero size for VisibilitySensor to work before image load.
+                                // Some versions of Firefox don't honor CSS minimum size without changing `display`.
+                                style={{display: 'inline-block', minWidth: '1px', minHeight: '1px'}}
                                 {...imgProps}
                             />
                         );