@seorii/tiptap 0.4.2 → 0.4.3

package/dist/plugin/resize/index.js

@@ -242,10 +242,24 @@ function buildResizeAttrs(kind, node, height, imageRatio, aspectRatio = normaliz
         // Keep image responsive by storing width only; fixed height causes ratio distortion on narrow layouts.
         return { ...attrs, width: roundedWidth, height: null };
     }
-    if (kind === 'iframe' || kind === 'embed') {
-        return { ...attrs, width: attrs.width || '100%', height: roundedHeight, aspectRatio };
+    if (kind === 'iframe') {
+        if (aspectRatio) {
+            // A fixed height prevents CSS aspect-ratio from taking effect.
+            return { ...attrs, width: attrs.width || '100%', height: null, aspectRatio };
+        }
+        return { ...attrs, width: attrs.width || '100%', height: roundedHeight, aspectRatio: null };
+    }
+    if (kind === 'embed') {
+        if (aspectRatio) {
+            // Keep PDF/embed responsive with CSS aspect-ratio when a preset is selected.
+            return { ...attrs, width: attrs.width || '100%', height: null, aspectRatio };
+        }
+        return { ...attrs, width: attrs.width || '100%', height: roundedHeight, aspectRatio: null };
     }
-    return { ...attrs, height: roundedHeight, aspectRatio };
+    return { ...attrs, height: roundedHeight, aspectRatio: null };
+}
+function canUseAspectRatioPreset(kind) {
+    return kind === 'iframe' || kind === 'embed';
 }
 function createResizeHandleDecoration(nodePos, widgetPos, resizeMeta, node) {
     return Decoration.widget(widgetPos, () => {
@@ -258,7 +272,7 @@ function createResizeHandleDecoration(nodePos, widgetPos, resizeMeta, node) {
         button.dataset.resizeKind = resizeMeta.kind;
         button.setAttribute('aria-label', 'Resize media height (click for aspect ratio)');
         anchor.append(button);
-        if (resizeMeta.kind !== 'image') {
+        if (canUseAspectRatioPreset(resizeMeta.kind)) {
             const selectedAspectRatio = normalizeAspectRatioAttr(node.attrs.aspectRatio);
             const toolbar = document.createElement('div');
             toolbar.className = 'tiptap-media-aspect-ratio-toolbar';
@@ -342,8 +356,17 @@ export default Extension.create({
                     },
                     height: {
                         default: '600',
-                        parseHTML: (element) => normalizeNumericAttr(element.getAttribute('height') || element.style.height) || '600',
+                        parseHTML: (element) => {
+                            const aspectRatio = normalizeAspectRatioAttr(element.getAttribute('data-resize-aspect-ratio'));
+                            if (aspectRatio)
+                                return null;
+                            return (normalizeNumericAttr(element.getAttribute('height') || element.style.height) ||
+                                '600');
+                        },
                         renderHTML: (attributes) => {
+                            const aspectRatio = normalizeAspectRatioAttr(attributes.aspectRatio);
+                            if (aspectRatio)
+                                return {};
                             const height = normalizeNumericAttr(attributes.height) || '600';
                             return { height };
                         }
@@ -478,7 +501,7 @@ export default Extension.create({
                                 if (!node)
                                     return true;
                                 const resizeMeta = resolveResizeMeta(node);
-                                if (!resizeMeta || resizeMeta.kind === 'image')
+                                if (!resizeMeta || !canUseAspectRatioPreset(resizeMeta.kind))
                                     return true;
                                 const target = resolveTargetElement(view, pos, resizeMeta, node);
                                 if (!target)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@seorii/tiptap",
-	"version": "0.4.2",
+	"version": "0.4.3",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "svelte-kit sync && svelte-package",