search

shoelace-style / shoelace

A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME 👇👇👇
https://webawesome.com
MIT License
12.62k stars 802 forks source link

Color Picker does not take space into account #2141

Open chdenat opened 3 weeks ago

chdenat commented 3 weeks ago

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. image

CetinSert commented 3 weeks ago

<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> : image

chdenat commented 3 weeks ago

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)

helps in the case of ! 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 commented 3 weeks ago

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

I could make it work just fine! image

chdenat commented 3 weeks ago

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: @.***>