oh-icon - style is not applied to the underlying tags in all cases

[crnjan]

The problem

Playing with heating widget and trying to use iconify icons - so replacing f7-icon with a oh-icon - the icon(s) were not displayed.

It turns out the problem is related to the style property and how it's applied.

Expected behavior

One should be able to use custom style with oh-icon.

Steps to reproduce

component: f7-card
config:
  title: TEST
slots:
  default:
    - component: oh-icon
      config:
        height: 28px
        icon: iconify:mdi:fan-speed-3
        style:
          position: absolute
          top: 5px
          left: 55px

will render

ignoring the content within style. As far as I can see from code style is only (fully) applied for oh icons, while not for others:

component: f7-card
config:
  title: TEST
slots:
  default:
    - component: oh-icon
      config:
        height: 28px
        icon: oh:light
        style:
          position: absolute
          top: 5px
          left: 55px

will render

since style is applied to underlying img, while not for other two (f7-icon and iconify-icon).

Additional Info

Wrapping oh-icon in another block "fixes" the issue:

component: f7-card
config:
  title: TEST
slots:
  default:
  - component: f7-block
    config:
      style:
        position: absolute
        top: 5px
        left: 55px
    slots:
      default:
      - component: oh-icon
        config:
          height: 28px
          icon: iconify:mdi:fan-speed-3

renders:

IMHO other sections of report are not needed therefore removed them, but please let me know if there is any more info needed from my side.