Color Picker does not take space into account

[chdenat]

Describe the bug

I've implemented a color picker in a drawer, on page bottom.
When I open the picker , it opens in the bottom direction, even if there's no place to be rendered correctly

Screenshots

If applicable, add screenshots to help explain the bug.

[CetinSert]

<sl-tooltip hoist> helps in the case of <sl-tooltip>!
Not sure whether the color picker also has hoist too!

<sl-tooltip hoist> lets the quota tooltip render outside the <sl-menu> :

[chdenat]

I'm using hoist on this component.Hoist works as it is intended to but the picker stays unusable as it it has been opened in bottom direction instead of top, as there's not enough place.ThanksFrom: Cetin Sert ***@***.***>Sent: Sunday, August 18, 2024 2:38:49 PMTo: shoelace-style/shoelace ***@***.***>Cc: Christian Denat ***@***.***>; Author ***@***.***>Subject: Re: [shoelace-style/shoelace] Color Picker does not take space into account (Issue #2141) <sl-tooltip hoist> helps in the case of <sl-tooltip>! Not sure of the color picker also has hoist too! —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you authored the thread.Message ID: ***@***.***>

[CetinSert]

@chdenat – see sl.rt.ht/2141/?

I could make it work just fine!

[chdenat]

Wow....I'm using React.I'll test with vanilla components.ThanksFrom: Cetin Sert ***@***.***>Sent: Sunday, August 18, 2024 3:03:19 PMTo: shoelace-style/shoelace ***@***.***>Cc: Christian Denat ***@***.***>; Author ***@***.***>Subject: Re: [shoelace-style/shoelace] Color Picker does not take space into account (Issue #2141) I could make it work just fine! image.png (view on web) —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you authored the thread.Message ID: ***@***.***>