Removed spellcheck from text inputs

Author: mrin9

dist/rapidoc-min.js

@@ -203,7 +203,7 @@ export default class ApiRequest extends LitElement {
             data-array="true"
             placeholder="add-multiple\u23ce"
           ></tag-input>`
-          :html`<input type="text" style="width:100%" class="request-param" 
+          :html`<input type="text" spellcheck="false" style="width:100%" class="request-param" 
             data-pname="${param.name}" 
             data-ptype="${paramType}"  
             data-array="false"
@@ -289,8 +289,9 @@ export default class ApiRequest extends LitElement {
         textareaExampleHtml = textareaExampleHtml +  `
           <textarea 
             class="textarea mono request-body-param ${shortMimeTypes[mimeReq]}" 
+            spellcheck="false"
             data-ptype="${mimeReq}" 
-            style="display:${shortMimeTypes[mimeReq]==='json'?'block':'none'}; 
+            style="resize:vertical;display:${shortMimeTypes[mimeReq]==='json'?'block':'none'}; 
           ">${reqExample[0].exampleValue}</textarea>`
       }
       else if (mimeReq.includes('form') || mimeReq.includes('multipart-form')){
@@ -317,6 +318,7 @@ export default class ApiRequest extends LitElement {
                 placeholder="add-multiple\u23ce"
               ></tag-input>`
               :html`<input 
+                spellcheck="false"
                 type="${fieldSchema.format==='binary'?'file':'text'}" 
                 style="width:100%" class="request-form-param" 
                 data-pname="${fieldName}" 
@@ -421,10 +423,10 @@ export default class ApiRequest extends LitElement {
         <button class="tab-btn" content_id="tab_curl">CURL</button>
       </div>
       <div id="tab_response_text" class="tab-content col" style="flex:1; ">
-        <textarea class="mono" style="min-height:180px; padding:16px;">${this.responseText}</textarea>
+        <textarea class="mono" spellcheck="false" style="resize:vertical;min-height:180px; padding:16px;">${this.responseText}</textarea>
       </div>
       <div id="tab_response_headers" class="tab-content col" style="flex:1;display:none">
-        <textarea class="mono" style="min-height:180px; padding:16px; white-space:nowrap;">${this.responseHeaders}</textarea>
+        <textarea class="mono" spellcheck="false" style="resize:vertical;min-height:180px; padding:16px; white-space:nowrap;">${this.responseHeaders}</textarea>
       </div>
       <div id="tab_curl" class="tab-content col" style="flex:1;display:none">
         <code style="min-height:180px; padding:16px;font-size:var(--font-mono-size); border:1px solid var(--input-border-color);overflow: scroll;word-break: break-word;">${this.curlSyntax}</code>

dist/rapidoc-min.js.gz

@@ -42,7 +42,7 @@ export default class SecuritySchemes extends LitElement {
           <td>
             ${this.schemes[s].type==='apiKey'?html`
               Send <code>'${this.schemes[s].name}'</code> in <code>'${this.schemes[s].in}'</code> with the given value
-              <div class="api-key" data-type="${this.schemes[s].type}" data-in="${this.schemes[s].in}" data-name="${this.schemes[s].name}" style="margin:5px 0">
+              <div class="api-key" data-type="${this.schemes[s].type}" data-in="${this.schemes[s].in}" data-name="${this.schemes[s].name}" style="margin:5px 0" spellcheck="false" >
                 <input type="text" name="token" style="width:202px;" placeholder="api-token" >
                 <button 
                   class="m-btn" 
@@ -54,8 +54,8 @@ export default class SecuritySchemes extends LitElement {
             ${this.schemes[s].type==='http' && this.schemes[s].scheme==='basic'?html`
               Send <code>'Authorization'</code> in header which will contains the word  <code>'Basic'</code> followed by a space and a base64-encoded string username:password.
               <div class="api-key " data-type="${this.schemes[s].type}" data-scheme="${this.schemes[s].scheme}" data-in="header" data-name="Authorization" style="margin:15px 0">
-                <input type="text" name="username" style="width:100px;" placeholder="username">
-                <input type="text" name="password" style="width:100px;" placeholder="password">
+                <input type="text" name="username" style="width:100px;" placeholder="username" spellcheck="false">
+                <input type="text" name="password" style="width:100px;" placeholder="password" spellcheck="false">
                 <button 
                   class="m-btn" 
                   data-action="${this.keyValue?'CLEAR':'SET'}" 
@@ -66,7 +66,7 @@ export default class SecuritySchemes extends LitElement {
             ${this.schemes[s].type==='http' && this.schemes[s].scheme==='bearer'?html`
               Send <code>'Authorization'</code> in header which will contains the word  <code>'Bearer'</code> followed by a space and a Token String.
               <div class="api-key" data-type="${this.schemes[s].type}" data-scheme="${this.schemes[s].scheme}" data-in="header" data-name="Authorization" style="margin:15px 0">
-                <input type="text" name="token" style="width:202px;" placeholder="api-token">
+                <input type="text" name="token" style="width:202px;" placeholder="api-token" spellcheck="false" >
                 <button 
                   class="m-btn" 
                   data-action="${this.keyValue?'CLEAR':'SET'}" 
@@ -81,8 +81,8 @@ export default class SecuritySchemes extends LitElement {
                 ${this.schemes[s].flows[f].tokenUrl?html`<div><b>Token URL:</b> <code class="url"> ${this.schemes[s].flows[f].tokenUrl}</code></div>`:``}
                 ${this.schemes[s].flows[f].refreshUrl?html`<div><b>Refresh URL:</b> <code class="url"> ${this.schemes[s].flows[f].refreshUrl}</code></div>`:``}
                 <div class="oauth" style="margin:5px 0">
-                  <input type="text" name="client" style="width:100px;" placeholder="client-id">
-                  <input type="text" name="secret" style="width:100px;" placeholder="client-secret">
+                  <input type="text" name="client" style="width:100px;" placeholder="client-id" spellcheck="false" >
+                  <input type="text" name="secret" style="width:100px;" placeholder="client-secret" spellcheck="false" >
                 </div>
               `)}
               </div>

dist/rapidoc-min.js.map

@@ -177,17 +177,17 @@ export default class RapiDoc extends LitElement {
         <div style="margin: 0px 8px;display:flex;flex:1">
 
           ${ (this.allowSpecUrlLoad==='false') ?``:html`
-            <input id="spec-url" type="text" class="header-input" placeholder="Spec URL" value="${this.specUrl?this.specUrl:''}" @change="${this.onSepcUrlChange}">
-            <div style="margin: 6px 5px 0 -24px; font-size:18px; cursor:pointer;">&#x23ce;</div>
+            <input id="spec-url" type="text" class="header-input" placeholder="Spec URL" value="${this.specUrl?this.specUrl:''}" @change="${this.onSepcUrlChange}" spellcheck="false" >
+            <div style="margin: 6px 5px 0 -24px; font-size:18px; cursor:pointer;">&#x23ce;</div> 
           `} 
           
           ${ (this.allowSpecFileLoad==='false') ?``:html`
-            <input id="spec-file" type="file" style="display:none" value="${this.specFile?this.specFile:''}" @change="${this.onSepcFileChange}" >
+            <input id="spec-file" type="file" style="display:none" value="${this.specFile?this.specFile:''}" @change="${this.onSepcFileChange}" spellcheck="false" >
             <button class="m-btn only-large-screen" style="margin-left:10px;"  @click="${this.onFileLoadClick}"> LOCAL JSON FILE </button>
           `}
 
           ${ (this.allowSearch==='false') ?``:html`  
-            <input id="search" class="header-input" type="text"  placeholder="search" @change="${this.onSearchChange}" style="max-width:130px;margin-left:10px;">
+            <input id="search" class="header-input" type="text"  placeholder="search" @change="${this.onSearchChange}" style="max-width:130px;margin-left:10px;" spellcheck="false" >
             <div style="margin: 6px 5px 0 -24px; font-size:18px; cursor:pointer;">&#x23ce;</div>
           `}
         </div>