The PickerDialog disappears when scrolling if the ColorPicker is contained in an element with a scroll bar

[loicmahieu]

The PickerDialog disappears when scrolling if the ColorPicker is contained in an element with a scroll bar

[LoicMahieu]

Thanks for sharing. Not enough time to work on this.
graphviz-visual-editor looks amazing. Good work!

[LoicMahieu]

Hi @magjac

Integrate this module in a scrolling container is not the use I had planned ;) But indeed it could be useful at time.
Unfortunately I have no time at the moment to help you but I will do my best.

The fixed div in the PickerDialog is a quick and dirty way to handle click outside of the dialog. It must be a better way to do that.

I invite you to send a PR, even if it is dirty and not completely working. It will be a start for discussion.

[magjac]

Thanks for your consideration. I ended up replacing the material-ui-color-picker component with a custom implementation based on the SketchExample from https://casesandberg.github.io/react-color/#examples, because I wanted to add a swatch and some other stuff and to get better control over the styling. I'm not experienced enough to create a general customizable component. Sorry about that.

I'll post a link to my implementation here when I've pushed it to github in the event you want to have a look at it later.

Again thanks. 🙂

[magjac]

Here is my implementation.

The state has been lifted up to the parent component here and here