From 844d77ef261b7ea0600798f9687424fe727bae4e Mon Sep 17 00:00:00 2001
From: Meghea Iulian <iulian.meghea@gmail.com>
Date: Thu, 16 Dec 2021 22:13:37 +0200
Subject: [PATCH] fix: expose placement

---
 src/cosmoz-dropdown.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/cosmoz-dropdown.js b/src/cosmoz-dropdown.js
index 4db2d0a..47279a5 100644
--- a/src/cosmoz-dropdown.js
+++ b/src/cosmoz-dropdown.js
@@ -5,7 +5,7 @@ import { useFocus } from './use-focus';
 const preventDefault = e => e.preventDefault(),
 	fevs = ['focusin', 'focusout'],
 	Content = host => {
-		usePosition({ anchor: host.anchor, host });
+		usePosition({ anchor: host.anchor, host, placement: host.placement });
 		return html` <style>
 				:host {
 					position: fixed;
@@ -17,7 +17,8 @@ const preventDefault = e => e.preventDefault(),
 			<slot></slot>`;
 	},
 	Dropdown = host => {
-		const { active, onFocus, onToggle } = useFocus(host),
+		const { placement } = host,
+			{ active, onFocus, onToggle } = useFocus(host),
 			anchor = useCallback(() => host.shadowRoot.querySelector('.anchor'), []);
 		useEffect(() => {
 			host.setAttribute('tabindex', '-1');
@@ -44,7 +45,7 @@ const preventDefault = e => e.preventDefault(),
 				</button>
 			</div>
 			${ active
-		? html` <cosmoz-dropdown-content .anchor=${ anchor } part="dropdown">
+		? html` <cosmoz-dropdown-content part="dropdown" .anchor=${ anchor } .placement=${ placement }>
 						<slot></slot>
 				  </cosmoz-dropdown-content>`
 		: [] }