From 911ea48b2ee8f910cc2b9209817c05750af46df3 Mon Sep 17 00:00:00 2001 From: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com> Date: Mon, 21 Aug 2023 09:01:10 -0400 Subject: [PATCH] exploring --- ember-velcro/src/modifiers/velcro.ts | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/ember-velcro/src/modifiers/velcro.ts b/ember-velcro/src/modifiers/velcro.ts index 431e026..47732cf 100644 --- a/ember-velcro/src/modifiers/velcro.ts +++ b/ember-velcro/src/modifiers/velcro.ts @@ -68,13 +68,13 @@ export default class VelcroModifier extends Modifier { assert('@middleware must be an array of one or more objects', Array.isArray(middleware)); Object.assign(floatingElement.style, { - position: 'absolute', + position: strategy, top: '0', left: '0', }); let update = async () => { - let { middlewareData } = await computePosition(referenceElement, floatingElement, { + let { middlewareData, x, y } = await computePosition(referenceElement, floatingElement, { middleware: [ offset(offsetOptions), flip(flipOptions), @@ -88,6 +88,10 @@ export default class VelcroModifier extends Modifier { strategy, }); + Object.assign(floatingElement.style, { + top: `${y}px`, + left: `${x}px`, + }); setVelcroData?.(middlewareData.metadata); };