@avocadostudio-ai/preview-adapter 0.21.0 → 0.21.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avocadostudio-ai/preview-adapter",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -37,7 +37,7 @@
     "src/styles.css"
   ],
   "dependencies": {
-    "@avocadostudio-ai/shared": "^0.21.0"
+    "@avocadostudio-ai/shared": "^0.21.1"
   },
   "peerDependencies": {
     "next": ">=15.0.0",

package/src/styles.css

@@ -140,8 +140,11 @@
 /* Scope the typing shimmer to the fields actually being edited (.editor-live-typing
    is only added to text targets, never images), so it doesn't wash the whole block —
    including the hero image, which looked like it was being regenerated. */
-.editor-live-draft-active .editor-live-typing:not([class*="absolute"]):not([class*="fixed"]) {
+:where(.editor-live-draft-active .editor-live-typing:not([class*="absolute"]):not([class*="fixed"])) {
   position: relative;
+}
+
+.editor-live-draft-active .editor-live-typing:not([class*="absolute"]):not([class*="fixed"]) {
   overflow: hidden;
 }
 
@@ -861,7 +864,18 @@ body:has(.aifx-shimmer-overlay) > .aifx-page-shimmer::before {
   transform: none;
 }
 
-[data-editor-active] .editor-selectable [data-editable-label]:not([class*="absolute"]):not([class*="fixed"]) {
+/*
+ * `position: relative` anchors the field pills, and it has to lose to anything
+ * the site says. Written plainly this selector was (0,5,0), which beats almost
+ * any site rule, and the only guard was a Tailwind class-name match. So the
+ * full-width hero's background image — `.hero--full-width .hero__bg-image
+ * { position: absolute }` in the blocks package, no Tailwind class on it —
+ * went back into the section's flex row. It pushed the headline off the right
+ * edge of every editor preview while the public page rendered correctly.
+ * Inside `:where()` the rule has no specificity, so it only applies to elements
+ * the site left static, which are the only ones that need it.
+ */
+:where([data-editor-active] .editor-selectable [data-editable-label]:not([class*="absolute"]):not([class*="fixed"])) {
   position: relative;
 }
 
@@ -870,7 +884,7 @@ body:has(.aifx-shimmer-overlay) > .aifx-page-shimmer::before {
   display: none;
 }
 
-.editor-highlight [data-editable-target]:not([class*="absolute"]):not([class*="fixed"]) {
+:where(.editor-highlight [data-editable-target]:not([class*="absolute"]):not([class*="fixed"])) {
   position: relative;
 }