feat: add scrollbar to iframe

Author: hsluoyz

web/src/FormDataPage.js

@@ -59,7 +59,7 @@ class FormDataPage extends Component {
       return <FormDataTablePage {...this.props} />;
     } else if (this.state.form.type === "iFrame") {
       return (
-        <iframe id="formData" title="formData" src={this.state.form.url} style={{width: "100%", height: "calc(100vh - 134px)"}} scrolling="no" />
+        <iframe id="formData" title="formData" src={this.state.form.url} style={{width: "100%", height: "calc(100vh - 134px)"}} frameBorder="no" />
       );
     } else {
       return `Unsupported form type: ${this.state.form.type}`;

web/src/FormEditPage.js

@@ -157,7 +157,7 @@ class FormEditPage extends React.Component {
           </Col>
           <Col span={22} >
             <div key={this.state.formCount}>
-              <iframe id="formData" title={"formData"} src={`${location.href}/data`} width="100%" height="700px" scrolling="no" style={{border: "1px solid #e0e0e0", borderRadius: "8px", boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"}} />
+              <iframe id="formData" title={"formData"} src={`${location.href}/data`} width="100%" height="700px" frameBorder="no" style={{border: "1px solid #e0e0e0", borderRadius: "8px", boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"}} />
             </div>
           </Col>
         </Row>

web/src/frame/AuditPage.js

@@ -24,7 +24,7 @@ class AuditPage extends React.Component {
 
   render() {
     return (
-      <iframe id="iframe" title={"iframe"} src={`https://47.113.204.64:23554/?userId=${this.props.account.name}`} width="100%" height={window.innerHeight - 195} scrolling="no" frameBorder="no" />
+      <iframe id="iframe" title={"iframe"} src={`https://47.113.204.64:23554/?userId=${this.props.account.name}`} width="100%" height={window.innerHeight - 195} frameBorder="no" />
     );
   }
 }

web/src/frame/PythonSrPage.js

@@ -24,7 +24,7 @@ class PythonSrPage extends React.Component {
 
   render() {
     return (
-      <iframe id="PythonSrPage" title={"iframe"} src={"https://sr.casibase.com"} width="100%" height={window.innerHeight - 195} scrolling="no" frameBorder="no" />
+      <iframe id="PythonSrPage" title={"iframe"} src={"https://sr.casibase.com"} width="100%" height={window.innerHeight - 195} frameBorder="no" />
     );
   }
 }

web/src/frame/PythonYolov8miPage.js

@@ -24,7 +24,7 @@ class PythonYolov8miPage extends React.Component {
 
   render() {
     return (
-      <iframe id="PythonYolov8miPage" title={"iframe"} src={"https://yolov8mi.casibase.com"} width="100%" height={window.innerHeight - 195} scrolling="no" frameBorder="no" />
+      <iframe id="PythonYolov8miPage" title={"iframe"} src={"https://yolov8mi.casibase.com"} width="100%" height={window.innerHeight - 195} frameBorder="no" />
     );
   }
 }