Issue with border for custom widgets as popover in floorplan

Add-ons UIs
,
#1

I’m trying to create a widget controlling both brightness and color temperature, to be used as popover from a marker in a floorplan. My issue is that anything more complex than a single card gets issues with the border, as seen in the picture below:
image

I’ve read that the popover size should follow the widget, but something clearly breaks here. The popover borders follow changes in the widget size, so that it’s always a bit too small.

Here is the yaml for the simple widget in the example above:

uid: Dimmer
tags: []
props:
  parameters:
    - context: item
      description: An item to control
      label: Item
      name: item
      required: false
      type: TEXT
  parameterGroups: []
timestamp: Dec 28, 2021, 8:08:11 PM
component: f7-card
config:
  class: lazy
  expandable: false
  style:
    border-radius: 6px
    height: 8.3em
    width: 10em
    noShadow: true
slots:
  default:
    - component: oh-slider-card
      config:
        item: =props.item
        min: 0
        max: 100
        label: true
        scale: false
        noShadow: true
    - component: oh-slider-card
      config:
        item: =props.item
        min: 0
        max: 100
        label: true
        scale: false
        noShadow: true

I’ve searched the forum and tried to dig deeper in yaml and how it’s used in oh, but no luck so far…

Anyone has a similar problem, or can think of a solution?

#2

I’m still struggling with this. Seems like an issue many people would face, or perhaps I’m missing something simple?