[FTUI3] circlemenu verändert cornerstyle in header

tamash · 27 Oktober 2023, 08:26:20

Hallo!

In folgendem Beispiel entfernt ein Klick auf das Home-Icon die runden Ecken vom Header "DIRECTION" so lange das circlemenu offen ist. Ohne die Verwendung von <header> hab ich das Problem nicht.

Code Auswählen

<html>
<head>
  <script src="ftui.js"></script>
  <link href="ftui.css" rel="stylesheet">
  <link href="themes/ftui-theme.css" rel="stylesheet">
  <link href="favicon.ico" rel="icon" type="image/x-icon" />
  <!-- avoid 300ms delay on click-->
  <meta name="viewport" content="width=device-width">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="toast_position" content="topLeft">
  <!-- verbose level 0-4 -->
  <meta name="debug" content="0">
  <title>Test</title>
</head>

<body>
<ftui-grid base-width="80" base-height="80" margin="5" shape="round">
  <ftui-grid-tile row="4" col="10" height="1" width="2">
      <header>DIRECTION</header>
        <ftui-circlemenu direction="bottom-half" opacity="0.2">
              <ftui-icon name="home"></ftui-icon>
              <ftui-button-nice get="dummy1"></ftui-button-nice>
              <ftui-button-nice get="dummy2"></ftui-button-nice>
              <ftui-button-nice get="dummy3"></ftui-button-nice>
              <ftui-button-nice get="ftuitest"></ftui-button-nice>
        </ftui-circlemenu>
    </ftui-grid-tile>
</ftui-grid>

</body>
</html>

Ist das noch jemanden aufgefallen oder kann es jemand reproduzieren?

Danke & LG
Tom

FHEM Forum

[FTUI3] circlemenu verändert cornerstyle in header

tamash