Height doesnt get applied?

[LaupWing]

<template>
   <div 
      class="my-4 w-full cursor-pointer relative hover:border-highlight border"
      :class="template.is_new 
         ? 'border-highlight shadow shadow-highlight' 
         : 'border-border' 
      "
      @click="showModal = true"
   >
      <TemplatesModal
         v-if="showModal"
         :template="template"
         @close="showModal = false"
         @saved="$emit('saved', $event)"
      />
      <div class="pointer-events-none">
         <Editor
            v-model="template.content"
            :disabled="true"
            :init="settings"
            :apiKey="config.tiny_api_key"
         />
      </div>
   </div>
</template>

<script setup lang="ts">
export interface Props {
   template: Template
}
import type { Template } from "@/typings"
import Editor from "@tinymce/tinymce-vue"
import { ref } from "vue"
import { TemplatesModal } from "@/components/Modals"
import config from "@/config"

defineEmits(["saved"])

const settings = {
   plugins: "autoresize",
   menubar: false,
   statusbar: false,
   height: "auto" // 500 also doesnt work,
   toolbar: false,
   auto_resize: true,
   resize: "both",
   content_style: config.templates.templateCss,
}

defineProps<Props>()

const showModal = ref(false)

</script>

[LaupWing]

There is an automatic height assigned to the editor element

[TinyITAdmin]

Ref: INT-3187

[tiny-stale-bot]

This issue is stale because it has been open 30 days with no activity. Please comment if you wish to keep this issue open or it will be closed in 7 days.

[tiny-stale-bot]

This issue was closed because it has been stalled for 7 days with no activity.