diff --git a/packages/layout-engine/painters/dom/src/styles.test.ts b/packages/layout-engine/painters/dom/src/styles.test.ts index a07005d614..cde8085734 100644 --- a/packages/layout-engine/painters/dom/src/styles.test.ts +++ b/packages/layout-engine/painters/dom/src/styles.test.ts @@ -120,6 +120,10 @@ describe('ensureSdtContainerStyles', () => { expect(sharedLabelDragHandleRule).toContain('center 3px / 2px 2px no-repeat,'); expect(sharedLabelDragHandleRule).toContain('center 6px / 2px 2px no-repeat;'); expect(inlineSelectedRule).toContain('display: inline-flex;'); + expect(inlineLabelRule).toContain('inset-inline-start: 2px;'); + expect(inlineLabelRule).toContain('transform: none;'); + expect(inlineLabelRule).not.toContain('left: 50%;'); + expect(inlineLabelRule).not.toContain('translateX(-50%)'); expect(inlineLabelRule).toContain('border-radius: 4px 4px 0 0;'); expect(blockLabelRule).toContain('white-space: nowrap;'); expect(blockLabelRule).toContain('top: -18px;'); diff --git a/packages/layout-engine/painters/dom/src/styles.ts b/packages/layout-engine/painters/dom/src/styles.ts index 8586ef9b22..a805e576cd 100644 --- a/packages/layout-engine/painters/dom/src/styles.ts +++ b/packages/layout-engine/painters/dom/src/styles.ts @@ -740,8 +740,8 @@ const SDT_CONTAINER_STYLES = ` .superdoc-structured-content-inline__label { position: absolute; bottom: calc(100% + 1px); - left: 50%; - transform: translateX(-50%); + inset-inline-start: 2px; + transform: none; border-radius: 4px 4px 0 0; white-space: nowrap; z-index: 100;