Text not autoreturning and moving outside of text editor.

[Ktedon]

      <div id="editorjs" class="rounded-md" style="width: 50vw; margin-left: Calc(25vw - 30px); border: 2px solid black; padding: 25px;"></div>
      <button class="border border-teal-500 bg-teal-500 text-white block rounded-md font-bold py-4 px-6 ml-2 flex items-center" style="width: 50vw; justify-content: center; margin-left: Calc(25vw - 30px); margin-top: 20px;">
          Submit
      </button>

      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/editorjs@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/header@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/raw"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/simple-image@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/checklist@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/nested-list@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/embed@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/quote@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/table@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/marker@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/delimiter@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/underline@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/personality@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/paragraph@@latest"></script>
      <script src="https://cdn.jsdelivr.net/npm/@@editorjs/text-variant-tune@@latest"></script>

      <script type="text/javascript">
        const editor = new EditorJS({
          tools: {
            header: Header,
            raw: RawTool,
            image: SimpleImage,
            checklist: {
              class: Checklist,
              inlineToolbar: true,
            },
            list: {
              class: NestedList,
              inlineToolbar: true,
            },
            embed: Embed,
            quote: Quote,
            table: Table,
            Marker: {
              class: Marker,
              shortcut: 'CMD+SHIFT+M',
            },
            delimiter: Delimiter,
            underline: Underline,
            personality: {
              class: Personality,
              config: {
                endpoint: 'http://localhost:8008/uploadFile'  // Your backend file uploader endpoint
              }
            },
            paragraph: {
              class: Paragraph,
              inlineToolbar: true,
            },
            textVariant: TextVariantTune
          },
          tunes: ['textVariant'],
          placeholder: 'Let\'s write an AWESOME post!',
          minHeight: '200px'
        }, 'editorjs');
      </script>

When I hold 'm', the text goes off the editor, not returning to a new line as it should in my mind. Is this a bug or am I doing something wrong. I didn't see anything in the guide on the website about auto carriage. Note: I have tailwind ui installed as a cdn.