diff --git a/client/modules/IDE/components/PreviewFrame.jsx b/client/modules/IDE/components/PreviewFrame.jsx index 8dbed7bd90..e7a114f5c7 100644 --- a/client/modules/IDE/components/PreviewFrame.jsx +++ b/client/modules/IDE/components/PreviewFrame.jsx @@ -207,6 +207,12 @@ class PreviewFrame extends React.Component { accessiblelib.setAttribute('src', 'https://cdn.rawgit.com/MathuraMG/p5-accessibility/9cb5bd0b/dist/p5-accessibility.js'); const accessibleOutputs = sketchDoc.createElement('section'); accessibleOutputs.setAttribute('id', 'accessible-outputs'); + accessibleOutputs.style.position = 'absolute'; + accessibleOutputs.style.left = '-1000px'; + accessibleOutputs.style.top = 'auto'; + accessibleOutputs.style.width = '1px'; + accessibleOutputs.style.height = '1px'; + accessibleOutputs.style.overflow = 'hidden'; if (this.props.textOutput) { sketchDoc.body.appendChild(accessibleOutputs); sketchDoc.body.appendChild(accessiblelib); diff --git a/client/modules/IDE/reducers/files.js b/client/modules/IDE/reducers/files.js index 184fe3157f..2e1c91634a 100644 --- a/client/modules/IDE/reducers/files.js +++ b/client/modules/IDE/reducers/files.js @@ -31,15 +31,6 @@ const defaultCSS = margin: 0; padding: 0; } - -#accessible-outputs { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; -} `; const initialState = () => {