[FEATURE REQUEST][BUG] Slider doesn't work with a non-integer step value

[jsychova]

Default StyleManager property "slider" doesn't work with a non-integer step value.
GrapesJS version: 0.16.1

In many cases, it’s convenient to use a slider with a non-integer step value:

seems that Grapesjs supports only integer and rounds non-integer values.

Steps to reproduce:
Add a property with type 'slider'

var property = styleManager.addProperty('mySector',{
   name: 'Opacity',
   type: 'slider',
   property: 'opacity',
   defaults: 1,
   step: 0.1,
   max: 1,
   min: 0,
   }, { at: 0 });

[adamwpe]

Oddly enough - this works for me (I know I'm creating the sector at the same time):

        editor.StyleManager.addSector('General',{
            name: 'Extras',
            open: false,
            properties: [{
                property: 'opacity',
                type: 'slider',
                defaults: 1,
                step: 0.01,
                max: 1,
                min: 0
            }]
        }, { at: 9 });

Can you make a demo?

[jsychova]

Yes of course.
I've created a sample with your snippet, but seems that it doesn't want to work with me.

https://codepen.io/sjul66/pen/VwvMwNY

Thanks!

[adamwpe]

Ah, you mean the arrows - sorry, thought you meant in general that the slider doesn't work.

Never noticed that - always use the slider order the mouse dragging over the arrows.

I'll have a look at the view - not too sure where to start haha.