tatulund / colorpicker Goto Github PK

It just gives error

When an invalid string is entered, the color picker becomes invalid and its value becomes null. Is there a way to make the color picker default to a particular color when invalid input is entered, so that the color picker should never actually be in an invalid state?

I tried something like:

colorPicker.addValueChangeListener(event -> {
  if (event.getValue() == null) {
    colorPicker.setValue(defaultColor);
  }
  colorPicker.setInvalid(false);
});

but this didn't have the desired effect. The color picker did switch to the default color, but it also remained invalid.

I also tried:

binder.forField(colorPicker)
  .withConverter(pres -> pres == null ? defaultColor : pres, model -> model == null ? defaultColor : model)
  .bind(...)

but this didn't work either - the color picker still appeared invalid, and the color swatch on the left was black instead of the default color.

Thanks for your help, and thanks for creating this component! It's really handy.

Changing the color with the colorpicker changes the state.

However, if I use a preset to change the color, the state does not change.

version

        <dependency>
            <groupId>org.vaadin.addons.tatu</groupId>
            <artifactId>colorpicker</artifactId>
            <version>1.3.3</version>
        </dependency>

I have been trying tt get this to work with Vaadin 24.1.7

I have implemented it as per the code displayed in the Vaadin directory for the add-on.

Once the page is up and running and I inspect where the color picker should be all I see is (As per the screenshot)

I have included the correct version as per the POM file

I have tried to do a full clean of the build and re-implement but I still run into this issue.

Are you able to test against this version and see if it works ? Or see what could be causing this issue ?

1. The color picker only shows the string captions for colors when the combo-box is dropped down. Can it be made to show the rendered caption of the selected color? Right now the color box has the right color, but the text field is left blank.

2. Also, would it be possible to optionally allow custom rendering code to render the caption string? Or perhaps allow it to be a component? We have a use case where we want more formatting than just a simple text string insertion.

Thank you much.

Calling setReadOnly(false) on a ColorPicker instance results in this state:

This seems to be caused by css rules that check only for the existence of the attribute, like this one:

        :host([readonly]) #colorpicker {
            background: transparent; 
            border: 1px dashed var(--lumo-contrast-30pct);
            pointer-events: none;
        }

Would be nice to have a null value like this.