ui: fix fileio pretest

packages/ui-default/components/scratchpad/DataInputComponent.jsx

@@ -13,20 +13,28 @@ export default function DataInputComponent(props) {
   const cn = classNames(className, 'flex-col flex-fill');
   return (
     <div {...rest} className={cn}>
-      {html // eslint-disable-next-line react/no-danger
-        ? <div className="scratchpad__data-input" wrap="off"><pre dangerouslySetInnerHTML={{ __html: value }} /></div>
-        : (
-          <textarea
-            className="scratchpad__data-input"
-            wrap="off"
-            value={value}
-            onChange={(ev) => {
-              ev.stopPropagation();
-              onChange(ev.target.value);
-            }}
-            placeholder={title}
-          />
-        )}
+      {html ? (
+        <div
+          className="scratchpad__data-input"
+          style={{ overflowY: 'scroll' }}
+          wrap="off"
+          contentEditable
+        >
+          {/* eslint-disable-next-line react/no-danger */}
+          <pre dangerouslySetInnerHTML={{ __html: value }} />
+        </div>
+      ) : (
+        <textarea
+          className="scratchpad__data-input"
+          wrap="off"
+          value={value}
+          onChange={(ev) => {
+            ev.stopPropagation();
+            onChange(ev.target.value);
+          }}
+          placeholder={title}
+        />
+      )}
     </div>
   );
 }