[bug]: Objects displayed different in editor and runtime

[Horgul123]

No existing issues.

• There is no existing issue for my problem.

Describe the bug

Some objects are displayed different in the runtime than in the editor.
Widgets affected:
VIS2 Material Widgets switches or buttons
VIS2 measuring devices

To Reproduce

Insert these widgets and compare editor and runtime

Expected behavior

everything in the runtime should look like in the editor

Screenshots & Logfiles

Page or affected widget

[
  {
    "tpl": "tplGauge2Color",
    "data": {
      "bindings": [],
      "oid": "synology.0.DiskStationManager.vol_info.volume_1.used",
      "digitsAfterComma": 0,
      "g_common": true,
      "animate": false,
      "g_animation": true,
      "min": 0,
      "max": 100,
      "unit": "%",
      "needleColor": null,
      "needleBaseColor": null,
      "marginInPercent": 0,
      "cornerRadius": 12,
      "arcPadding": 0,
      "arcWidth": null,
      "hideText": null,
      "needleScale": null,
      "g_visual": true,
      "levelsCount": 3,
      "color1": "#00ff00",
      "levelThreshold1": 60,
      "g_level-1": true,
      "color2": "rgba(255,136,0,1)",
      "levelThreshold2": 80,
      "g_level-2": true,
      "color3": "#ff0000",
      "levelThreshold3": null,
      "g_level-3": true,
      "widgetTitle": "",
      "g_css_font_text": true,
      "g_css_background": true,
      "g_css_border": true,
      "g_css_shadow_padding": true,
      "noCard": true,
      "ignored": null,
      "signals-oid-0": null,
      "signals-cond-0": "==",
      "signals-val-0": true,
      "signals-icon-0": null,
      "signals-smallIcon-0": null,
      "signals-color-0": null,
      "signals-icon-size-0": null,
      "signals-icon-style-0": null,
      "signals-text-0": null,
      "signals-text-style-0": null,
      "signals-text-class-0": null,
      "signals-blink-0": null,
      "signals-horz-0": null,
      "signals-vert-0": null,
      "signals-hide-edit-0": null,
      "readingTextFontSize": 25,
      "name": "Anzeige NAS HDs",
      "comment": null,
      "class": null,
      "filterkey": null,
      "multi-views": null,
      "locked": null,
      "g_fixed": true
    },
    "style": {
      "bindings": [],
      "left": "854px",
      "top": "182px",
      "width": "10.58%",
      "height": "84px",
      "position": "",
      "absoluteWidth": 182,
      "text-align": "center",
      "background-color": "rgba(255,255,255,0)",
      "border-color": "rgba(34,25,77,0)",
      "padding-right": "",
      "z-index": "5"
    },
    "widgetSet": "vis-2-widgets-gauges",
    "_id": "i000001"
  }
]




[
  {
    "tpl": "tplMaterial2Switches",
    "data": {
      "allSwitch": true,
      "bindings": [],
      "buttonsWidth": 120,
      "count": 1,
      "doNotWantIncludeWidgets": false,
      "g_common": true,
      "orientation": "horizontal",
      "type": "lines",
      "oid1": "knx.0.Geräte.Sonstiges.Tag-Nacht",
      "type1": "switch",
      "noIcon1": null,
      "icon1": "/vis-icontwo/Weather/day_night.png",
      "iconSmall1": null,
      "iconEnabled1": "/vis-icontwo/Weather/sun.png",
      "iconEnabledSmall1": null,
      "color1": "rgba(0,0,0,1)",
      "colorEnabled1": "#000000",
      "slideInvert1": null,
      "title1": " Tag / Nacht",
      "unit1": null,
      "step1": null,
      "hideChart1": null,
      "chartPeriod1": 60,
      "buttonText1": null,
      "buttonIcon1": null,
      "buttonImage1": null,
      "buttonIconActive1": null,
      "buttonImageActive1": null,
      "infoInactiveText1": null,
      "infoActiveText1": null,
      "infoInactiveIcon1": null,
      "infoActiveIcon1": null,
      "infoInactiveImage1": null,
      "infoActiveImage1": null,
      "infoInactiveColor1": null,
      "infoActiveColor1": null,
      "widget1": null,
      "height1": null,
      "position1": null,
      "hide1": null,
      "actual1": null,
      "boost1": null,
      "party1": null,
      "switch1": null,
      "brightness1": null,
      "rgbType1": null,
      "red1": null,
      "green1": null,
      "blue1": null,
      "white1": null,
      "color_temperature1": null,
      "ct_min1": null,
      "ct_max1": null,
      "hue1": null,
      "saturation1": null,
      "luminance1": null,
      "hideBrightness1": null,
      "whiteMode1": null,
      "noRgbPalette1": null,
      "open1": null,
      "working1": null,
      "sensor1": null,
      "pincode1": null,
      "oid-pincode1": null,
      "doNotConfirm1": null,
      "noLockAnimation1": null,
      "lockColor1": null,
      "pincodeReturnButton1": "submit",
      "timeout1": 500,
      "vacuum-status-oid1": null,
      "vacuum-battery-oid1": null,
      "vacuum-is-charging-oid1": null,
      "vacuum-fan-speed-oid1": null,
      "vacuum-sensors-left-oid1": null,
      "vacuum-filter-left-oid1": null,
      "vacuum-main-brush-left-oid1": null,
      "vacuum-side-brush-left-oid1": null,
      "vacuum-cleaning-count-oid1": null,
      "vacuum-use-rooms1": null,
      "vacuum-map64-oid1": null,
      "vacuum-use-default-picture1": true,
      "vacuum-own-image1": null,
      "vacuum-start-oid1": null,
      "vacuum-home-oid1": null,
      "vacuum-pause-oid1": null,
      "undefined1": null,
      "visibility-oid1": null,
      "visibility-cond1": "==",
      "visibility-val1": "1",
      "g_switch-1": true,
      "noCard": true,
      "g_css_background": true,
      "g_css_border": true,
      "g_css_shadow_padding": true
    },
    "style": {
      "bindings": [],
      "left": 367,
      "top": 402,
      "width": "16.75%",
      "height": "51px",
      "position": "",
      "background-color": "rgba(255,255,255,0)",
      "opacity": "",
      "border-radius": "12",
      "border-color": "rgba(34,25,77,0)"
    },
    "widgetSet": "vis-2-widgets-material",
    "_id": "i000001"
  }
]

Adapter version

2.11.1

js-controller version

7.0.6

Node version

v20.18.1

Operating system

Debian bookworm

Additional context

No response

[manuxi]

Seems to be css related. Does it work without custom css?

[Horgul123]

I don't use a custom CSS.
Or to be precise: I did not create a custom CSS. I've just added different widgets and a background 🤷