I’m building a blog, with NodeJS/Express, and use Trix editor to handle writing and editing the blog posts. while attempting to edit a post trix rich text area automatically fouces; not allowing any edits to other text areas on the page.

The following is the EJS code for the edit post pages with Trix editor tag added

  <form action="/edit-post/<%= data._id %>?_method=PUT" method="POST" autofocus ='false'>
      <label for="title"><b>Title</b></label>
      <input autofocus="true" type="text" placeholder="Post Title" name="title" value="<%= data.title %>">


     
      <label for="body"><b>Content</b></label>
      
       <input id="x" type="hidden" name="body"" autofocus="false"> // here is where the issue happening 
      <trix-editor input="x" autofocus="false"> <%= data.body %> </trix-editor>
      <input type="submit" value="Update" class="btn">
  </form>

how to fix this issue?