component popper package

[productdevbook]

packages/components/popper

Branch popper

same radix popper package code

[productdevbook]

Brach popper

Radix Popover Styled Storybook

Radix Code

Oku Popover Styled: http://localhost:6006/?path=/story/components-popper--styled

When you scroll and press the button there, the popper starts animation from the left corner, and there are some other visible bugs.

1. arrow is not on the box.
   

2. Transition animation problem

primitives/packages/components/popper/src/stories/PopperDemo.vue

Lines 37 to 44 in 35a27c0

	<Transition>
	<OkuPopperContent v-if="pressed" :side-offset="5" side="top" align="start">
	<button class="bg-blue-500" @click="setPressed(!pressed)">
	close
	</button>
	<OkuPopperArrow class="fill-red-500" width="20" height="20" offset="0" />
	</OkuPopperContent>
	</Transition>

[dammy001]

@productdevbook I'll check it out tomorrow.