Derek Jones
Derek Jones
the previous workarounds didn't work for me with the latest version of typescript (or maybe it was the ts opts i had) here was I came up with I was...
(updated link) https://ark-ui.com/docs/utilities/environment Something like *Environment* is extremely useful for working within **shadowdom**, and also **containers with transforms** applied. Example: My components that use Portals typically look like `` where...
`Select` (and many other components) have `DismissableLayer` with `excludedElements={[context.triggerRef]}`. When open, and mousedown on the trigger, it tests if the trigger contains the event target and aborts if so. But...
a simple workaround is ```js const toastStyleEl = document.head .querySelectorAll('style') .values() .find(style => style.textContent?.includes('[data-sonner-toaster]')); if (toastStyleEl) shadowRoot.append(toastStyleEl); ``` imo this is good enough (feel free to close)
related: https://github.com/kobaltedev/kobalte/issues/272 . Looks like the previous fix wasn't quite correct.
also worth noting `ctrl + a` is not mentioned in the docs https://kobalte.dev/docs/core/components/combobox#keyboard-interactions > To be clear, I think that this kind of behavior should opt-in by default if it's...
My workaround has been to use `optionValue={CSS.escape}`, and this works for most use cases. Though I guess it won't work for form submissions. (or other cases??) So still a bug...