pop up widget change the background object when using it from mobile

[khalil]

hello dears,
When changing the pop up widget value the background set point changed seem like when press on the widget it also press on the setpoint in the background!

I have a video describe the issue but I couldn't upload it here!

[Daniel]

Upload it somewhere and drop a link

[khalil]

Upload it somewhere and drop a link

Hello Daniel,
See the link below 
https://drive.google.com/file/d/10F1OWEJ...sp=sharing

[Daniel]

send me your backup to PM

[Daniel]

We were able to reproduce it but for fix you must wait till next FW. There is no quick work around.

[khalil]

Thank you,
I appreciate if there is a quick work around even like changing the widget position to not be above the setpoint!
its very noisy for the customer!

[admin]

Rework the widget so the custom value select does not overlap the circular slider. You can also try setting absolute coordinates for the widget.

[khalil]

Rework the widget so the custom value select does not overlap the circular slider. You can also try setting absolute coordinates for the widget.

You can also try setting absolute coordinates for the widget
How?

[Daniel]

Widget position: in widget settings

[khalil]

Widget position: in widget settings

but its not a widget its a custom value select, could I change its position?

[admin]

Try this CSS. It will make the value select smaller so it pops below the slider not above.

Code:

.control-vselect .popover-content {
  padding: 3px;
}
.control-vselect li {
  width: 50%;
  float: left;
}
.control-vselect li .a {
  margin: 3px !important;
}

[khalil]

Try this CSS. It will make the value select smaller so it pops below the slider not above.

Code:

.control-vselect .popover-content {
  padding: 3px;
}
.control-vselect li {
  width: 50%;
  float: left;
}
.control-vselect li .a {
  margin: 3px !important;
}

Thank you admin
its solve part of the issue while its still overlap with the setpoint, could we change the value select position like make it below the icon pressed not above?

[admin]

Set Additional classes to custom-position and add the following code to Custom CSS. It will place the popover to the bottom left corner of the widget. You can adjust the position as needed.

Code:

.pcontrol-custom-position {
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
}

[khalil]

Set Additional classes to custom-position and add the following code to Custom CSS. It will place the popover to the bottom left corner of the widget. You can adjust the position as needed.

Code:

.pcontrol-custom-position {
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
}

Thank you 
good job