fix: inline rendering of display

gbicou · Aug 11, 2023 · d1e5315 · d1e5315
1 parent a3a5e19
commit d1e5315
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/tiptap-display.vue b/src/tiptap-display.vue
@@ -1,5 +1,6 @@
 <template>
-  <v-text-overflow class="display" placement="bottom" :text="text" />
+  <value-null v-if="!text" />
+  <v-text-overflow v-else class="tiptap-display" placement="bottom" :text="text" />
 </template>
 
 <script setup lang="ts">
@@ -29,3 +30,11 @@ const text = computed(() => {
   return "";
 });
 </script>
+
+<style lang="scss" scoped>
+.tiptap-display {
+  display: inline-block;
+  width: 100%;
+  vertical-align: middle;
+}
+</style>