umbraco/Umbraco.UI

Single Color Swatch not Rendering

TRexStark opened this issue · 5 comments

Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.

OOB in Umbraco 10.5.1

Bug summary

Single Color Swatch as per the docs here is not rendering.

Specifics

No response

Steps to reproduce

Just add the exact markup from the example <uui-color-swatch label="#d0021b"></uui-color-swatch>

Expected result / actual result

No response

Hi! Could you specify bit more? Good way to debug that is to inspect the element in dev tools and see if there is a shadowRoot inside. If it's just a tag and you cannot unfold it in chrome dev tools that usually means that the element was not registered correctly.

Hi @julczka

I have checked the dev tools - hence I raised this.

To verify whether the element registration is from my end or not, I added a button with a swatch in the same view. The button is rendering as intended but the swatch is not.

Please see screenshot below.

Screenshot 2023-05-01 at 2 38 13 pm

Hi, thanks for clarifying. v10 of umbraco has an older version of UI Library and that does not include color picker and that is the reason it is not rendering. You can add color picker as an individual dependency if You want to use it in this version.

Hello @TRexStark

Thanks for the report. The issue is as mentioned by Julia due to 10.5.1 not running the latest version of the UI library. There will always be a delay between supported versions of Umbraco CMS and the release of the UI library being in sync.

The new components will be available with the release of Umbraco 10.6 which is using the latest version of the UI library.

Reference umbraco/Umbraco-CMS#14186

Thanks @iOvergaard for the info ... I wasn't sure how to respond or how to take this from there as no solution was provided initially.