Remove transform

.changeset/three-students-smash.md

@@ -0,0 +1,5 @@
+---
+"ember-velcro": patch
+---
+
+Removed CSS transform in favor of top+left positioning.

ember-velcro/rollup.config.js

@@ -38,6 +38,7 @@ export default {
       // but we need the ember plugins converted first
       // (template compilation and co-location)
       transpiler: 'babel',
+      transpileOnly: true,
       browserslist: ['last 2 firefox versions', 'last 2 chrome versions'],
       tsconfig: {
         fileName: 'tsconfig.json',

ember-velcro/src/modifiers/velcro.ts

@@ -74,7 +74,7 @@ export default class VelcroModifier extends Modifier<Signature> {
     });
 
     let update = async () => {
-      let { x, y, middlewareData } = await computePosition(referenceElement, floatingElement, {
+      let { middlewareData, x, y } = await computePosition(referenceElement, floatingElement, {
         middleware: [
           offset(offsetOptions),
           flip(flipOptions),
@@ -89,14 +89,15 @@ export default class VelcroModifier extends Modifier<Signature> {
       });
 
       Object.assign(floatingElement.style, {
-        strategy,
-        transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,
-        visibility: middlewareData.hide?.referenceHidden ? 'hidden' : 'visible',
+        top: `${y}px`,
+        left: `${x}px`,
+        margin: 0,
       });
-
       setVelcroData?.(middlewareData.metadata);
     };
 
+    update();
+
     let cleanup = autoUpdate(referenceElement, floatingElement, update);
 
     registerDestructor(this, cleanup);